portfolio

Personal Portfolio built using ReactJs, Sanity CMS and Animation libraries, hope you like it. Tweak it and use it !!

Images

Mobile Responsive

Run Locally

To Run Sanity CMS Locally

• Sign Up to Sanity
• Navigate to /portfolio folder in project using terminal Run: cd sanity
• Install dependencies Run: npm install
• Install Sanity CLI Run: npm install -g @sanity/cli
• Login to sanity using CLI run: sanity login (Select your preferred method)
• Initialize sanity project run: sanity init
• We are going to see a list of questions for us to answer in the next steps. Let's walk through those!
• • Create new project — Hit Enter.
• • Your project name: — We can name it whatever we would like. Let's use “Sanity_portfolio" for this project.
• • Use the default dataset configuration? — The default dataset configuration has a public dataset named “production”, let's stick with that. So type in “Y” and hit Enter.
• • Project output path: — This will show us the path where our sanity project will live. The path should show the path that leads to this: /portfolio/sanity. Hit Enter.
• • Select project template: — Here we are going to choose “Movies (schema + Sample data)”. Using the arrow keys, navigate to that so it’s showing blue. Hit Enter once there. Success!
• • Now Replace schemas folder with the folder from my repository
• Run Sanity Studio in the browser, first navigate to sanity project : cd sanity
• Run: sanity start
• Visit localhost:3333 to view live studio and add your data

Connecting React App with Sanity Locally

• Get projectId and dataset from portfolio/sanity.json and paste in the value of those keys in the src/client.js respected fields

Tech Stack

• HTML5
• CSS3
• Javascript ES6
• React js
• Animation Libraries (Framer motion, react-scroll, aos)
• Firebase
• Github Actions
• Sanity.io (CMS)