From 1cf9277155cd18e3058677e34866c0f39d448803 Mon Sep 17 00:00:00 2001 From: melkamu372 Date: Thu, 14 Sep 2023 10:21:33 +0300 Subject: [PATCH] update reademe function --- README.md | 158 ++++++++++++++++++++++++++++++++++++++++++++++++++++-- 1 file changed, 155 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index 119f28c..f13b006 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,157 @@ -# React CV Generator +
+ +

+ 🎯 React CV Application Generator +

+ +

+ +![Downloads](https://img.shields.io/github/downloads/melkamu372/CV-Application-generator/total) ![Contributors](https://img.shields.io/github/contributors/melkamu372/CV-Application-generator?color=dark-green) ![Forks](https://img.shields.io/github/forks/melkamu372/CV-Application-generator?style=social) ![Stargazers](https://img.shields.io/github/stars/melkamu372/CV-Application-generator?style=social) ![Issues](https://img.shields.io/github/issues/melkamu372/CV-Application-generator) + +

+

+
+# πŸ“— Table of Contents + +- [πŸ“– About the Project](#about-project) + + - [πŸ’» Built With](#built-with) + - [Tech Stack](#tech-stack) + - [Key Features](#key-features) + - [πŸ‘ Live Demo](#live-demo) +- [πŸ’» Getting Started](#getting-started) + - [Setup](#setup) + - [Prerequisites](#prerequisites) + - [Install](#install) + - [Usage](#usage) + - [Run tests](#run-tests) + - [Deployment](#deployment) +- [πŸ‘₯ Authors](#authors) +- [πŸ”­ Future Features](#future-features) +- [🀝 Contributing](#contributing) +- [⭐️ Show your support](#support) +- [πŸ™ Acknowledgements](#acknowledgements) +- [❓ FAQ (OPTIONAL)](#faq) +- [πŸ“ License](#license) + + ## CV Application Generator Capstone Project + +**CV Application Generator** is a React project to create a CV.This application will help users to create and customize their CVs in a quick and easy way. It includes three sections: +* General information (name, email, phone number) +* Educational experience (school name, title of study, date of study) +* Practical experience (company name, position title, main responsibilities of your jobs, date from and until when you worked for that company) + + +## πŸ’» Built With + +### Tech Stack + +React React + Bootstrap Bootstrap + HTML5 HTML + CSS3 CSS + JavaScript JavaScript + +### Key Features +- **General information** +- **Educational experience** +- **Practical experience** +## πŸ‘ Live Demo + +live + + +## πŸ’» Getting Started + +To get a local copy up and running, follow these steps. + +### Prerequisites + +In order to run this project you need: + +- You need to have NodeJS installed +- A Web Browser Google Chrome, Firefox, etc +- A Code Editor VSCode, Atom etc + +### Setup + +Clone this repository to your desired folder: + +``` + https://github.com/melkamu372/CV-Application-generator.git +``` + +### Usage + +##### To run the project, execute the following command: Back to top + +1. npm install +2. npm run dev +3. open by following the link + +### Run tests + +To run tests, run the following command: + +N/A + +### Deployment + +You can deploy this project using one of the following hosting. + +While we have been using GitHub Pages to deploy our static webpages till now, and we can definitely continue to do so with hacky ways, it’s far easier to let a PaaS (Platform as a Service) do the same for us! There are a lot of options to host such sites, and the Vite hosting docs go over the most popular ones among them. + +Not only do some of these get rid of additional steps after pushing our code to GitHub as these services have tools that automatically deploy on push, but you also don’t have to worry about other issues further down the curriculum, like routers and build steps. We shall use a few selected options for now. Once you are done with the assignment, choose one of the following options, and deploy! + +* **GitHub Pages:** + * GitHub Pages is a static site hosting service that is integrated with GitHub. It allows you to host your static website directly from your GitHub repository. + * To deploy your React app to GitHub Pages, you will need to create a new repository and initialize it with a `README.md` file. Then, you will need to create a `public/` directory in the root of your repository and place your React app files in that directory. Finally, you will need to add a `CNAME` file to the root of your repository and specify the domain name where you want to deploy your website. + * Once you have made these changes, you can push your changes to GitHub and your website will be deployed automatically. + +* **Netlify:** + * Netlify is another popular static site hosting service. It offers a number of features that make it easy to deploy and manage your React app, such as automatic build and deploy, continuous integration and continuous delivery (CI/CD), and staging environments. + * To deploy your React app to Netlify, you will need to create an account and connect your GitHub repository. Then, you will need to select the repository that contains your React app and click on the "Deploy" button. Netlify will then build and deploy your app automatically. + +* **Vercel:** + * Vercel is another popular static site hosting service that is specifically designed for React apps. It offers a number of features that make it easy to deploy and manage your React app, such as automatic build and deploy, preview environments, and performance optimization. + * To deploy your React app to Vercel, you will need to create an account and connect your GitHub repository. Then, you will need to select the repository that contains your React app and click on the "Deploy" button. Vercel will then build and deploy your app automatically. + +Once you have deployed your React app to one of these platforms, you will be able to access it at the URL that is provided by the platform. + +## πŸ‘₯ Authors + + **Melkamu Tessema** Back to top + +
+ +github + + +linkedin + +
+## πŸ”­ Future Features + +- [ ] **Add back end** + +## 🀝 Contributing + +Contributions, issues, and feature requests are welcome! + +Feel free to check the [issues page](../../issues/). + +## ⭐️ Show your support + +If you like this project give me a star. Back to top + +## πŸ™ Acknowledgments +I would like to thank every who continues supporting me. + +## πŸ“ License + +This project is [MIT](./MIT.md) licensed. Back to top + + + -The main goal of this project was to build a CV generator using React -I'm also working on a React CV generator application. This application will help users create and customize their CVs in a quick and easy way.