Skip to content

ogooluwanick/NICK-Portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

60 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Personal Portfolio Website

This is my personal portfolio website built with React, Sanity, Framer Motion, Styled Components, Sass, and React Spinners. The purpose of this project is to showcase my skills, projects, and experience in an interactive and visually appealing manner.

Features

  • Home page with an introduction and summary of my skills and expertise
  • Projects page to showcase my portfolio with project details, images, and links
  • About page to provide more information about myself, my background, and interests
  • Contact page with a form for visitors to reach out to me
  • Smooth animations and transitions using Framer Motion
  • Styled Components and Sass for a modular and customizable styling approach
  • Integration of React Spinners for loading indicators and visual feedback
  • React Tooltip for informative tooltips and enhanced user experience

Technologies Used

  • React: A JavaScript library for building user interfaces
  • Sanity: A headless CMS for managing content and data
  • Framer Motion: A React animation library for creating smooth and interactive animations
  • Styled Components: A CSS-in-JS library for component styling
  • Sass: A CSS preprocessor with additional features and flexibility
  • React Spinners: A collection of loading spinners for React applications
  • React Tooltip: A tooltip library for providing informative tooltips

Installation

  1. Clone the repository:

git clone https://github.com/your-username/personal-portfolio.git

  1. Install dependencies:

cd personal-portfolio npm install

  1. Configure environment variables:

Create a .env file in the root directory and add any necessary environment variables.

  1. Start the development server:

npm start

Contributing

Contributions are welcome! If you want to contribute to this project, please follow these steps:

  1. Fork the repository.
  2. Create a new branch for your feature or bug fix.
  3. Make your changes and test them thoroughly.
  4. Commit your changes with descriptive commit messages.
  5. Push your changes to your forked repository.
  6. Submit a pull request to the original repository.

License

This project is licensed under the MIT License.

Acknowledgments

  • Special thanks to the creators and maintainers of React, Sanity, Framer Motion, Styled Components, Sass, React Spinners, and React Tooltip for their excellent libraries and tools.

Feel free to explore, modify, and use this portfolio website template for your own personal use. If you have any questions or suggestions, please reach out to me. Enjoy browsing through my portfolio!