https://github.com/siddhartha412/portfolio
A cool Portfolio made by Siddhartha412
https://github.com/siddhartha412/portfolio
cool-stuff portfolio react vite
Last synced: 3 months ago
JSON representation
A cool Portfolio made by Siddhartha412
- Host: GitHub
- URL: https://github.com/siddhartha412/portfolio
- Owner: siddhartha412
- License: mit
- Created: 2024-11-26T07:34:51.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-18T16:10:46.000Z (over 1 year ago)
- Last Synced: 2025-01-18T17:22:53.326Z (over 1 year ago)
- Topics: cool-stuff, portfolio, react, vite
- Language: TypeScript
- Homepage: https://siddhartha412.vercel.app
- Size: 280 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Siddhartha412's Portfolio
Welcome to **Siddhartha412's Portfolio**! This project is a modern and responsive personal portfolio built using the latest web technologies, including React, TypeScript, Tailwind CSS, and Vite.
---
# Preview
[Tap here to see preview](https://siddhartha412.vercel.app/)
## 🚀 Features
- **Fast Development**: Powered by Vite for instant HMR and optimized builds.
- **Responsive Design**: Built with Tailwind CSS for flexibility and modern styles.
- **Smooth Animations**: Implemented with Framer Motion for engaging UI interactions.
- **Type Safety**: Leveraging TypeScript for enhanced developer experience and code reliability.
- **Accessible Icons**: Integrated with Heroicons and React Icons for beautiful and accessible visuals.
---
## 🛠 Tech Stack
### Core
- [React](https://reactjs.org/) - A JavaScript library for building user interfaces.
- [TypeScript](https://www.typescriptlang.org/) - A strongly typed programming language that builds on JavaScript.
- [Tailwind CSS](https://tailwindcss.com/) - A utility-first CSS framework for rapid UI development.
### Tooling
- [Vite](https://vitejs.dev/) - A next-generation front-end tooling ecosystem.
- [ESLint](https://eslint.org/) & [Prettier](https://prettier.io/) - For linting and formatting consistency.
- [Framer Motion](https://www.framer.com/motion/) - Library for creating animations and interactions.
---
## 🏁 Getting Started
### Prerequisites
Make sure you have the following installed:
- **Node.js** (>=18)
- **Yarn** or **npm**
### Installation
1. Clone the repository:
```bash
git clone https://github.com/Siddhartha412/portfolio.git
cd portfolio
```
2. Install dependencies:
```bash
yarn install
# or
npm install
```
3. Start the development server:
```bash
yarn dev
# or
npm run dev
```
4. Open your browser at [http://localhost:5173](http://localhost:5173).
---
## 📜 Scripts
- `yarn dev`: Start the development server.
- `yarn build`: Build the project for production.
- `yarn preview`: Preview the production build locally.
- `yarn lint`: Run ESLint to lint the code.
---
## 📂 Folder Structure
```plaintext
portfolio/
├── src/
│ ├── components/ # Reusable components
│ ├── pages/ # Page-level components
│ ├── styles/ # Tailwind CSS configurations and global styles
│ ├── utils/ # Utility functions
│ └── assets/ # Images and other assets
├── public/ # Static files
├── .eslintrc.js # ESLint configuration
├── tailwind.config.js # Tailwind CSS configuration
├── tsconfig.json # TypeScript configuration
└── vite.config.ts # Vite configuration
```
---
## 🤝 Contributing
Contributions are welcome! If you have suggestions, feel free to:
1. Fork the repository.
2. Create a feature branch.
3. Submit a pull request.
---
## 📄 License
This project is licensed under the **MIT License**. See the [LICENSE](./LICENSE) file for details.
---
## 🙏 Acknowledgments
- [Heroicons](https://heroicons.com/) for accessible icons.
- [React Icons](https://react-icons.github.io/react-icons/) for additional icons.
- [Framer Motion](https://www.framer.com/motion/) for powerful animation tools.
- [Vite](https://vitejs.dev/) for simplifying the development workflow.
---
Happy coding! 🚀