karthik-nayak98 / personal-portfolio

My Personal Portfolio

Portfolio

This is my personal portfolio

⚙️ Tech Stack

• Library: ReactJS
• Styling: Tailwind CSS
• Content: Sanity
• Database: Firebase
• Animation: Framer motion
• Deployment: Vercel

🚀 Installation & Setup

1. Install sanity

npm i @sanity/cli

2. Project Setup

$ git clone https://github.com/Karthik-Nayak98/personal-portfolio.git

$ cd personal-portfolio

$ npm install

$ sanity init

$ cd <sanity-directory>

$ sanity start

$ npm start

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

REACT_APP_SANITY_PROJECT_ID = <Sanity Project Id>
REACT_APP_SANITY_TOKEN = <Sanity token>
REACT_APP_SANITY_PROJECT_ID = <Sanity Project-Id>
REACT_APP_SANITY_TOKEN = <Sanity Token>
REACT_APP_API_KEY = <Firebase API Key>
REACT_APP_AUTH_DOMAIN = <Firebase Auth domain>
REACT_APP_DATABASE_URL = <Firebase Database URL>
REACT_APP_PROJECT_ID = <Firebase Project Id>
REACT_APP_STORAGE_BUCKET = <Firebase Storage Bucket>
REACT_APP_MESSAGING_SENDER_ID =<Firebase Messaging sender Id>
REACT_APP_APP_ID = <Firebase App Id>

Color Reference

Color	Hex
accent	#4D96FF
light	#EAEAEA
dark	#17171F
black	#000000
gray-100	#F4F4F5
gray-200	#E4E4E7
gray-400	#A1A1AA
gray-500	#71717A
gray-600	#52525B
gray-900	#18181B

📝 License

Copyright © 2022 Karthik Nayak.
This project is MIT licensed.

Features in mind

• Add minimum time to read the blog post
• Contact page