Portfolio

A finely crafted portfolio that highlights my expertise and accomplishments. A visually stunning and efficient portfolio, completed with seamless animations, developed using React JS, Sanity, and Framer-motion.
Portfolio Website
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents

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

About The Project

The website is completely built using React JS and Sanity knowledge. No need to be proficient to understand or change the content, basic understanding is enough to fill the gaps.

It is completely responsive works fine on most of the devices and is highly interactive. Data can be changed using a Content Management Service(CMS), Sanity. Because of this data can be changed anytime even after deployment.

(back to top)

Built With

• React.js
• Sanity
• SCSS
• Netlify

(back to top)

Getting Started

Getting started, to avoid hassle at a later part, go ahead and create an account in Sanity and follow the displayed commands!

Prerequisites

• Create a folder named **backend_sanity" and navigate the terminal to it.

  cd backend_sanity
  

• Install the sanity client

  npm install -g @sanity/cli

• Log in using your preferred way!
• Enter the project name, press Y and use the default settings.
• Now use the command

  sanity start

• Now run the following in the terminal

  sanity manage
  

• Your project dashboard page pops up in your browser

  These are the most important steps

• Note your project ID for future reference
• Click on Token -> Add new Token
• Give it a name and copy the token as it can be viewed only once.
• Now add your react browser address i.e. your localhost in CORS ORIGIN
• You are mostly done with setting up the backend.

Installation

1. After completing the prerequisites, go ahead with the following steps.
2. Clone the repo

   git clone https://github.com/jaikumarkaushil/jai-portfolio-website.git

3. Install NPM packages in the folders Frontend React.

   Make sure you are in the right folder path in the terminal.

   npm install

4. Replace the Backend Sanity file contents with your sanity file contents (entire folder).
5. Run the command and a page with your sanity documents appears.

   Make sure you are in the right folder path in the terminal.

   sanity start
   

6. Add your details to the necessary documents, refer Sanity for better understanding.
7. Create a .env file in the Frontend React directory with the following

   REACT_APP_SANITY_PROJECT_ID= "your project id"
   REACT_APP_SANITY_TOKEN= "your api token"
   

8. Run the final command in the Frontend React.

   Make sure you are in the right folder path in the terminal.

   npm start
   

9. Your website is up and running. Make the necessary changes and deploy it.
10. To add or change necessary documents in Sanity Studio refer the Sanity Docs, it is very intuitive and easy.

(back to top)

Contact

Jai Kumar Kaushil - @jaikumarkaushil (Instagram) - jaikumarkaushil@gmail.com

Project Link: Link

(back to top)