Portfolio Website #2

A modern portfolio website using React and Sanity
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Contributing
4. License
5. Contact
6. Acknowledgments

About The Project

This is a modern full-stack portfolio website using React.js and Sanity.io

Project done thanks to Javascript Mastery

(back to top)

Built With

Sanity
React
Framer Motion
Sass
React Icons

(back to top)

Getting Started

Prerequisites

This is an example of how to list things you need to use the software and how to install them.

• npm

  npm install npm@latest -g

Installation

1. Clone the repo

   git clone https://github.com/gobwah/portfolio_website2.git

2. Open console in /backend_sanity
3. Install Sanity

   npm install -g @sanity/cli
   sanity init

4. Open console in /frontend_react
5. Install dependencies

   npm install

6. Taking .env.example file as an example, create a .env file at the root of /frontend_react to store your Sanity information

   REACT_APP_SANITY_PROJECT_ID = abcdefgh
   REACT_APP_SANITY_TOKEN = e8962t2zzsd5rggf1

7. In case you don't know where to find that, re-open a console in /backend_sanity and type

   sanity manage

   It will open a browser page where you can find quite easily your project ID. Then, on this page, go to API menu:
   • Go to CORS origins sub-menu and click on "+ Add CORS origin". Enter your localhost address (localhost:3000 by default), check "Allow credentials" and click "Save"
   • Go to Tokens and click on "+ Add API token". Give it a name, select "Editor" as a permission and click "Save".
8. Now you can go back to section 5.

(back to top)

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

(back to top)

License

Distributed under the MIT License. See LICENSE.txt for more information.

(back to top)

Contact

Vincent DELLA-LIBERA - @vincent-dellalibera - vincent.dellalibera@gmail.com

Project Link: https://github.com/gobwah/portfolio_website2

(back to top)

Acknowledgments

• @adrianhajdin (JS Mastery)

(back to top)