Portfolio with ReactJS and Sanity.io

Table of Contents

• Introduction
• Features
• Technologies Used
• Installation
• Usage
• Backend Setup
• Contact Me

Introduction

This is a responsive portfolio website built using ReactJS for the frontend and Sanity.io as the backend. The portfolio showcases various sections including home, about, work, skills, contact information, academics, and skill experiences. The contact form allows users to send messages, which are stored in the Sanity.io backend.

Features

• Home: A landing page introducing the portfolio owner.

• About: A section highlighting the portfolio owner's background and skills.

• Work: Displaying previous work projects or a portfolio gallery.

• Skills: Listing the skills and technologies the portfolio owner possesses.

• Contact: A contact form for users to get in touch with the portfolio owner.

• Academics: Information about the portfolio owner's educational background.

• Skill Experience: Details of the portfolio owner's experiences related to their skills.

Technologies Used

• Frontend:

  • ReactJS: A popular JavaScript library for building user interfaces.
  • [Add any additional frontend technologies/libraries used]

• Backend:

  • Sanity.io: A headless CMS for storing and managing the portfolio data.

• Deployment:

  • Netlify: The portfolio website is deployed on Netlify.

Portfolio Link

The portfolio is live and can be accessed at: Portfolio Link

Getting Started with Create React App

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

The website should now be accessible at http://localhost:3000.

Backend Setup

The contact form data is stored in the Sanity.io backend. To set up the backend:

Sign up for an account at Sanity.io.

• Create a new project and set up the required schema for storing the contact form data.
• Obtain the project ID and token required for the backend configuration. -Add the required Schemas.

Data Management

Sanity.io provides a powerful content management system that allows you to manage the data for your portfolio easily. You can use the Sanity Studio to add, edit, and delete content for the various sections of the portfolio. The data is stored in a structured format, making it easy to maintain and update the website.

To access the Sanity Studio:

Go to Sanity.io and log in to your account. Navigate to your project and select "Go to Studio" to open the Sanity Studio dashboard. Here, you can manage the content for your portfolio sections and customize the schema as needed.

Contact Me

If you have any questions, suggestions, or would like to get in touch, feel free to contact me at:

• Email: [email protected]
• LinkedIn: [Your LinkedIn Profile URL]