Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/gobwah/portfolio_website2
A modern portfolio website
https://github.com/gobwah/portfolio_website2
framer-motion portfolio portfolio-website react react-icons reactjs sanity sanity-io sass scss
Last synced: 28 days ago
JSON representation
A modern portfolio website
- Host: GitHub
- URL: https://github.com/gobwah/portfolio_website2
- Owner: gobwah
- License: mit
- Created: 2022-10-26T06:59:04.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2022-10-26T18:21:09.000Z (over 2 years ago)
- Last Synced: 2024-11-11T05:20:13.389Z (3 months ago)
- Topics: framer-motion, portfolio, portfolio-website, react, react-icons, reactjs, sanity, sanity-io, sass, scss
- Language: JavaScript
- Homepage: https://vincent-dellalibera.netlify.app
- Size: 57.6 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
[![Contributors][contributors-shield]][contributors-url]
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]
[![Issues][issues-shield]][issues-url]
[![MIT License][license-shield]][license-url]
[![LinkedIn][linkedin-shield]][linkedin-url]
Portfolio Website #2
A modern portfolio website using React and Sanity
Explore the docs »
View Demo
·
Report Bug
·
Request Feature
Table of Contents
## About The Project
[![Portfolio Website #2 Screen Shot][product-screenshot]](https://example.com)
This is a modern full-stack portfolio website using React.js and Sanity.io
Project done thanks to [Javascript Mastery](https://github.com/adrianhajdin/project_professional_portfolio)
### Built With
|||
|-|-|
|[Sanity](https://www.sanity.io)|
|
|[React](https://reactjs.org/)|
|
|[Framer Motion](https://www.framer.com/motion/)|
|
|[Sass](https://sass-lang.com/)|
|
|[React Icons](https://react-icons.github.io/react-icons/)|
|
## Getting Started
### Prerequisites
This is an example of how to list things you need to use the software and how to install them.
* npm
```sh
npm install npm@latest -g
```
### Installation
1. Clone the repo
```sh
git clone https://github.com/gobwah/portfolio_website2.git
```
2. Open console in `/backend_sanity`
3. Install Sanity
```sh
npm install -g @sanity/cli
sanity init
```
4. Open console in `/frontend_react`
5. Install dependencies
```sh
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
```env
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
```sh
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.
## 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
## License
Distributed under the MIT License. See `LICENSE.txt` for more information.
## Contact
Vincent DELLA-LIBERA - [@vincent-dellalibera](https://linkedin.com/in/vincent-dellalibera) - [email protected]
Project Link: [https://github.com/gobwah/portfolio_website2](https://github.com/gobwah/portfolio_website2)
## Acknowledgments
* [@adrianhajdin (JS Mastery)](https://github.com/adrianhajdin)
[contributors-shield]: https://img.shields.io/github/contributors/gobwah/portfolio_website2.svg?style=for-the-badge
[contributors-url]: https://github.com/gobwah/portfolio_website2/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/gobwah/portfolio_website2.svg?style=for-the-badge
[forks-url]: https://github.com/gobwah/portfolio_website2/network/members
[stars-shield]: https://img.shields.io/github/stars/gobwah/portfolio_website2.svg?style=for-the-badge
[stars-url]: https://github.com/gobwah/portfolio_website2/stargazers
[issues-shield]: https://img.shields.io/github/issues/gobwah/portfolio_website2.svg?style=for-the-badge
[issues-url]: https://github.com/gobwah/portfolio_website2/issues
[license-shield]: https://img.shields.io/github/license/gobwah/portfolio_website2.svg?style=for-the-badge
[license-url]: https://github.com/gobwah/portfolio_website2/blob/master/LICENSE.txt
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555
[linkedin-url]: https://linkedin.com/in/vincent-dellalibera
[product-screenshot]: frontend_react/src/assets/PortfolioWebsite2Screenshot.jpg