|
1 |
| -# How to start working |
| 1 | + |
2 | 2 |
|
3 |
| -1. Fork this repo and clone it locally. Click [here](https://github.com/developer-job-simulation/html-css-js/fork) to fork this repo. |
4 |
| -2. Fix the issue |
5 |
| -3. Create Pull Request to this repository |
| 3 | +# JavaScript CRM by JobSimulator.dev |
6 | 4 |
|
7 |
| -# How to setup your development environment? |
8 |
| -Before you can begin, you will need git, node, and a text editor. |
| 5 | +This is a CRM built with in HTML/CSS/JS. This webapp helps our business department keep track of their interactions with clients. |
9 | 6 |
|
10 |
| -If you are running Windows, we recommend you install and use [Windows Subsystem for Linux](https://docs.microsoft.com/en-us/windows/wsl/about). From your WSL terminal, follow the linux instructions linked below. |
| 7 | +Your job is to fix 4 issues: |
11 | 8 |
|
12 |
| -- [Install and Configure Git](https://www.theodinproject.com/lessons/foundations-setting-up-git) |
13 |
| -- [Install Node](https://www.theodinproject.com/lessons/foundations-installing-node-js) |
14 |
| -- [Install Text Editor (VSCode)](https://www.theodinproject.com/lessons/foundations-text-editors#vscode-installation) |
| 9 | +1. [Company Names are Missing](https://github.com/developer-job-simulation/javascript-crm/issues/1) |
| 10 | +1. [Display Dates in 24-hour Time Format](https://github.com/developer-job-simulation/javascript-crm/issues/2) |
| 11 | +1. [Display Revenue Numbers in a Human Readable Format](https://github.com/developer-job-simulation/javascript-crm/issues/3) |
| 12 | +1. [Make Table Look Prettier](https://github.com/developer-job-simulation/javascript-crm/issues/4) |
15 | 13 |
|
| 14 | +## Learning Objectives |
16 | 15 |
|
17 |
| -# How to launch the app locally? |
18 |
| -1. If you haven't already, ensure that your development environment is set up properly. Refer to the section above for tips. |
| 16 | +You will practice and gain experience with: |
19 | 17 |
|
20 |
| -2. Fork this repository to your Github account. |
21 |
| - 1. Click fork on the original repository as image below shows: |
22 |
| -  |
23 |
| - 2. Give a suitable name (generally the original name itself) and click Create Fork. |
24 |
| - 3. Go to the forked repository in your account. |
| 18 | +- Using ISO 8601 Dates in JavaScript |
| 19 | +- Working with HTML Tables |
| 20 | +- Applying CSS Styles to HTML Tables |
| 21 | +- Currency Formatting in JavaScript |
| 22 | +- Pulling Data from APIs |
25 | 23 |
|
26 |
| -3. Clone the repository to your local environment. |
27 |
| - 1. In Terminal, go to the folder where you would like to clone the repository to. |
28 |
| - 2. Get a link to the repository as image below shows: |
29 |
| -  |
30 |
| - 3. Run |
31 |
| - ```bash |
32 |
| - git clone {link_to_repository} |
33 |
| - ``` |
| 24 | +## How to start working |
34 | 25 |
|
35 |
| -4. Go into the repository. In Unix environment you can use `cd` command for this. |
36 |
| -5. Install dependencies frontend app needs to run. Run: |
37 |
| -```bash |
38 |
| -npm install |
39 |
| -``` |
| 26 | +1. Fork this repo and clone it locally. |
| 27 | +1. Install the dependencies by running `npm i` |
| 28 | +1. Run the app locally by running `npm run start-json-server` to start the backend, and `npm run start` to start the frontend. |
| 29 | +1. Visit `http://localhost:3000` to see the site. |
| 30 | +1. Fix all the issues (hints are provided as TODO comments in the code) |
| 31 | +1. Once all your solutions are complete, create a single Pull Request to this repository |
| 32 | +1. Check if your solutions passes our automated tests. |
40 | 33 |
|
41 |
| -Note that you might need sudo permissions for that. |
| 34 | +## Need help? |
42 | 35 |
|
43 |
| -6. Start backend. Run: |
44 |
| -```bash |
45 |
| -npm run start-json-server |
46 |
| -``` |
| 36 | +The best way to ask for help is to ask our Discord community. |
47 | 37 |
|
48 |
| -7. Start frontend. Run: |
49 |
| -```bash |
50 |
| -npm run start |
51 |
| -``` |
| 38 | +[Click here to join the Jobsimulator Discord](https://discord.com/invite/7cAkUcKbjB). |
52 | 39 |
|
53 |
| -# How to start working on an issue? |
| 40 | +## Want more challenges? |
54 | 41 |
|
55 |
| -1. If you haven't already, ensure that your app runs locally successfully. Refer to the section above for tips. |
56 |
| -2. Go to `Issues` tab in the repository and pick an issue. If you are just getting started, consider picking one of the issues that are marked as `Easy`. |
57 |
| -3. Thoroughly read issue description and make sure you understand it. |
58 |
| -4. Before writing/modifying any code, create a new branch in your local git. This is best practice in the industry - to create a separate branch for each issue you are working on. |
59 |
| - |
60 |
| -# Stack |
61 |
| - |
62 |
| -This project was built using |
63 |
| - |
64 |
| -- Vanilla Javascript |
65 |
| -- HTML |
66 |
| -- CSS |
67 |
| -- Webpack |
68 |
| - |
69 |
| -# How to send us you work for review |
70 |
| -Create and submit a pull request to this repository. We personally review each pull request and share our feedback. |
71 |
| - |
72 |
| -# How to get help? |
73 |
| - |
74 |
| -The best way is to ask a question in our Discord community. |
75 |
| -Please consider joining: https://discord.gg/7cAkUcKbjB |
| 42 | +Browse our [list of challenges](https://jobsimulator.gumroad.com/) and [join our Discord](https://discord.gg/6VsSMZaM7q) to get notified when new challenges are released. |
0 commit comments