This design was inspired in Beatrice Wambui at Figma Website.
A beautiful portfolio design from a figma post made with NextJs and editable with personal data.
The project is still under development and the next updates will focus on the following tasks:
- Scalability: Ensure the application can handle growth and increased demand.
- Dark Mode: Provide an option for a dark theme for comfortable viewing.
- Personal Information Edits: Allow customization with personal details. ( this is all the thing that's make this different )
- Color Customization: Enable users to change color schemes.
- Responsiveness: Optimize the design for various devices and screen sizes.
The application is designed with scalability in mind. Future features and increasing content will be handled efficiently through:
- Modular design: Components are separated and reusable, promoting maintainability and scalability.
- Efficient data structures: Data is organized logically to minimize performance bottlenecks.
- Cloud-based hosting: Leveraging cloud infrastructure allows for easy scaling of resources as needed.
Before starting, ensure you meet the following requirements:
- You have installed the latest version of
Node 22
- You have a
<Windows / Linux / Mac>
machine. Indicate which operating system is compatible / not compatible.
To install PersonaFrame, follow these steps:
Linux and macOS:
git clone https://github.com/nicoryy/PersonaFrame
cd PersonaFrame
npm install
Windows:
git clone https://github.com/nicoryy/PersonaFrame
cd PersonaFrame
npm install
To use PersonaFrame, just:
npm run dev
To contribute to PersonaFrame, follow these steps:
- Fork this repository.
- Create a branch:
git checkout -b <branch_name>
. - Make your changes and commit them:
git commit -m '<commit_message>'
- Push to the original branch:
git push origin PersonaFrame / <local>
- Create the pull request.
Alternatively, see the GitHub documentation on how to create a pull request.