Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/srijan-arya/srijanarya-portfolio
My Personal Portfolio website created with ReactJS, build with vite
https://github.com/srijan-arya/srijanarya-portfolio
front-end-development portfolio reactjs scss-styles vite
Last synced: 2 months ago
JSON representation
My Personal Portfolio website created with ReactJS, build with vite
- Host: GitHub
- URL: https://github.com/srijan-arya/srijanarya-portfolio
- Owner: Srijan-Arya
- Created: 2024-09-15T19:20:23.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-10-10T16:29:04.000Z (3 months ago)
- Last Synced: 2024-10-16T18:57:03.045Z (3 months ago)
- Topics: front-end-development, portfolio, reactjs, scss-styles, vite
- Language: SCSS
- Homepage: https://srijanarya.netlify.app/
- Size: 7.45 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Portfolio Project 🎨🚀
This is a sleek and responsive portfolio website built using **React** and **Vite**. The project is designed to showcase personal skills, projects, and a way to get in touch, all while maintaining smooth animations and minimal load times.
## Table of Contents 📑
- [Demo](#demo)
- [Features](#features)
- [Technologies Used](#technologies-used)
- [Getting Started](#getting-started)
## Demo 🌐
Check out the live demo of the portfolio here: https://srijanarya.netlify.app/
## Features ✨
- **Smooth Loading Animation:** The app uses a **PacmanLoader** to display a loading screen for 3.7 seconds, simulating a clean and polished user experience.
- **Fully Responsive Design:** Designed for all screen sizes, ensuring that the portfolio looks great on any device.
- **Modern UI/UX:** Built with a minimal and modern design, emphasizing both functionality and aesthetics.
- **Sections:**
- **Intro:** A welcoming landing page with a brief introduction.
- **About:** Detailed description of skills and background.
- **Projects:** Highlighting key projects with descriptions and links.
- **Connect:** Social Media inks to get in touch.
## Technologies Used 🛠️
- **React**: JavaScript library for building the user interface.
- **Vite**: Build tool for faster and optimized development.
- **SCSS**: For styling and customization.
- **React Spinners (PacmanLoader)**: For loading animations.
- **Framer Motion**: To add animations and transitions.
## Getting Started
### Prerequisites
To run the project locally, ensure you have the following installed:
- [Node.js](https://nodejs.org/)
- [Vite](https://vitejs.dev/guide/)
### Installation
1. Clone the repository:
```bash
git clone https://github.com/Srijan-Arya/SrijanArya-Portfolio.git
cd SrijanArya-Portfolio
```
2. Install Dependencies
```bash
npm install
```
3. Start the development server:
```bash
npm run dev
```
4. Open Localhost