Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mhmdfais/resume.io
GenerateCV
https://github.com/mhmdfais/resume.io
react-hooks react-router reactjs
Last synced: 7 days ago
JSON representation
GenerateCV
- Host: GitHub
- URL: https://github.com/mhmdfais/resume.io
- Owner: MhmdFais
- Created: 2024-08-13T18:23:32.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-08-21T16:29:06.000Z (3 months ago)
- Last Synced: 2024-08-22T06:48:38.335Z (3 months ago)
- Topics: react-hooks, react-router, reactjs
- Language: JavaScript
- Homepage: https://resume-io-theta.vercel.app/
- Size: 1.3 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Resume.io
**Resume.io** is a web application that allows users to create and customize their resumes easily. It provides a structured interface for entering personal, educational, professional, and project information. The app dynamically updates the resume preview as users input their data, making the process seamless and user-friendly.
## Features
- **User-Friendly Interface:** Simple and intuitive interface to enter personal, educational, work experience, skills, and project information.
- **Real-time Preview:** View your resume as you build it, with immediate updates reflecting any changes.
- **Modular Sections:** Navigate between different sections like Personal Info, Education, Experience, Skills, Projects, and Contact Info.
- **Responsive Design:** The application is fully responsive, providing a smooth experience on both desktop and mobile devices.
- **Data Persistence:** Your data remains intact as you move between different sections of the resume builder.
- **Final Resume Preview:** View the complete resume before finalizing it, ensuring all information is accurate and well-formatted.
## Demo
Check out the live version of the project [here](https://resume-io-theta.vercel.app/)
## Tech Stack
- **Frontend:**
- React.js
- CSS Modules for component-specific styling
- **State Management:**
- React Context API for managing global state
- **Deployment:**
- Vercel for continuous deployment and hosting
## Acknoledgement
- [Backgroud Image](https://www.freepik.com/free-vector/white-outline-geometric-hexagonal-bipyramid-background-vector_36227151.htm#query=black%20background%20white%20dots&position=23&from_view=keyword&track=ais_hybrid&uuid=fdd5b8fd-acbf-4afd-84d8-7539a79cfe98)
## Installation
Clone the repository:
```
git clone https://github.com/your-username/resume-io.git
cd resume-io
```
Install dependencies:
```
npm install
```
Running the App Locally
To run the development server, use the following command:
```
npm start
```
The app will be available at http://localhost:3000.
## Deployment
This project is automatically deployed to Vercel with every push to the main branch. To manually deploy, you can use:
```
vercel --prod
Make sure you have Vercel CLI installed.
```
## Contributing
1. Fork the repository
2. Create your feature branch (git checkout -b feature/my-feature)
3. Commit your changes (git commit -am 'Add my feature')
4. Push to the branch (git push origin feature/my-feature)
5. Open a Pull Request.