https://github.com/mujeebsulayman/portfolio

https://github.com/mujeebsulayman/portfolio

email-js framer-motion react react-icons react-simple-typewriter sanity

Last synced: 26 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/mujeebsulayman/portfolio
• Owner: MujeebSulayman
• Created: 2023-03-06T03:48:06.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-03-28T06:59:08.000Z (almost 2 years ago)
• Last Synced: 2024-11-12T10:12:08.152Z (3 months ago)
• Topics: email-js, framer-motion, react, react-icons, react-simple-typewriter, sanity
• Language: JavaScript
• Homepage: https://portfolio-tawny-eight-68.vercel.app
• Size: 5.29 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md

Awesome Lists containing this project

README

        
# 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](https://www.sanity.io/)

- 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](http://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)