https://github.com/sagnik-coder24/resume-website
This is a personal resume website built with React, Vite, and Tailwind CSS.
https://github.com/sagnik-coder24/resume-website
dynamic javascript portfolio-website react resume-website tailwind-css vite
Last synced: 2 months ago
JSON representation
This is a personal resume website built with React, Vite, and Tailwind CSS.
- Host: GitHub
- URL: https://github.com/sagnik-coder24/resume-website
- Owner: Sagnik-Coder24
- Created: 2025-01-05T20:16:13.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-06T18:08:22.000Z (over 1 year ago)
- Last Synced: 2025-02-28T06:26:11.515Z (over 1 year ago)
- Topics: dynamic, javascript, portfolio-website, react, resume-website, tailwind-css, vite
- Language: JavaScript
- Homepage: https://sagnik-ghosh.netlify.app/
- Size: 12 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Resume Website (React + Vite + Tailwind CSS)
This is a personal resume website built with **React**, **Vite**, and **Tailwind CSS**. The website is designed with a **dark theme** and **purple accents** to make the resume visually appealing and modern. It includes multiple sections such as personal info, skills, experience, and more, all with smooth animations.
This project allows you to easily update your resume's content by editing a single file (`assets/data.jsx`).
## Features
- **Dark theme** with purple highlights.
- Responsive layout that adapts to different screen sizes.
- Smooth fade-in and other animations for sections.
- Sections include:
- Personal Information
- About Me / Summary
- Skills
- Work Experience
- Education
- Contact Me / Get in touch
- Links to social profiles (LinkedIn, GitHub, etc.)
- Easily customizable and extendable.
## Tech Stack
- **React**: JavaScript library for building user interfaces.
- **Vite**: Next-generation build tool that provides fast development server and optimized build process.
- **Tailwind CSS**: Utility-first CSS framework for designing responsive and customizable user interfaces.
## Getting Started
### Prerequisites
Make sure you have the following installed on your local machine:
- **Node.js** (version 16 or above)
- **npm** or **yarn** (npm comes bundled with Node.js)
## Tailwind Customization
- You can update the animations and others by modifying the `tailwind.config.js` file.
- Tailwind's utility classes can be used throughout the app to adjust margins, padding, text sizes, colors, etc.
## Responsive Design
The website is built to be responsive out-of-the-box using Tailwind's responsive utilities. It adjusts gracefully across mobile, tablet, and desktop devices. Tailwind’s breakpoints (`sm`, `md`, `lg`, `xl`) are used to ensure the content is displayed correctly on different screen sizes.
## Contributing
Contributions are welcome! If you have any ideas or suggestions for improvements, feel free to fork the repository and create a pull request. Alternatively, you can open an issue for discussion. Thanks in advance.