A small codebase to simulate environment of a real software engineering job built using html/css/js

Related tags

CSS html-css-js
Overview

How to setup your development environment?

Before you can begin, you will need git, node, and a text editor.

If you are running Windows, we recommend you install and use Windows Subsystem for Linux. From your WSL terminal, follow the linux instructions linked below.

How to launch the app locally?

  1. If you haven't already, ensure that your development environment is set up properly. Refer to the section above for tips.

  2. Fork this repository to your Github account.

    1. Click fork on the original repository as image below shows: picture showing how to fork the repository
    2. Give a suitable name (generally the original name itself) and click Create Fork.
    3. Go to the forked repository in your account.
  3. Clone the repository to your local environment.

    1. In Terminal, go to the folder where you would like to clone the repository to.
    2. Get a link to the repository as image below shows: alt text
    3. Run
    git clone {link_to_repository}
  4. Go into the repository. In Unix environment you can use cd command for this.

  5. Install dependencies frontend app needs to run. Run:

npm install

Note that you might need sudo permissions for that.

  1. Start backend. Run:
npm run start-json-server
  1. Start frontend. Run:
npm run start

How to start working on an issue?

  1. If you haven't already, ensure that your app runs locally successfully. Refer to the section above for tips.
  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.
  3. Thoroughly read issue description and make sure you understand it.
  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.

How to send us you work for review

Create and submit a pull request to this repository. We personally review each pull request and share our feedback.

How to get help?

The best way is to ask a question in our Discord community. Please consider joining: https://discord.gg/7cAkUcKbjB

You might also like...

Small utility for react-redux's `useSelector` that allows passing args.

use-selector-with Monorepo for the following two packages: use-selector-with: Small utility for react-redux's useSelector that allows passing args. es

Jan 28, 2022

A package of small but beautiful React components from the planet, Pluto. ๐Ÿ”ต Get minimal components for your React based applications ๐Ÿ˜

A package of small but beautiful React components from the planet, Pluto. ๐Ÿ”ต Get minimal components for your React based applications ๐Ÿ˜

React Pluto Component Design System + UI Kit A package of small but beautiful React components from the planet Pluto. To install the latest version, r

Aug 8, 2022

Tabler is free and open-source HTML Dashboard UI Kit built on Bootstrap

Tabler is free and open-source HTML Dashboard UI Kit built on Bootstrap

A premium and open source dashboard template with a responsive and high-quality UI. Preview Tabler is fully responsive and compatible with all modern

Jan 9, 2023

The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

Bootstrap Sleek, intuitive, and powerful front-end framework for faster and easier web development. Explore Bootstrap docs ยป Report bug ยท Request feat

Jan 1, 2023

Material Design Components in HTML/CSS/JS

Material Design Lite An implementation of Material Design components in vanilla CSS, JS, and HTML. Material Design Lite (MDL) lets you add a Material

Jan 4, 2023

Simple CSS library for semantic HTML markup

Simple CSS library for semantic HTML markup

awsm.css awsm.css is a simple CSS library for semantic HTML, which doesn't require classes, ids, attributes, etc. Just start to create page with HTML5

Dec 30, 2022

A CSS bookmarklet that puts pink error boxes (with messages in comic sans) everywhere you write bad HTML.

REVENGE.CSS The premise of revenge.css is simple: A CSS bookmarklet that uses selectors to find bad markup, displaying ugly pink error messages in com

Dec 31, 2022

A pure html and css library for dark mode in your website.

Dark Mode A pure html and css library for dark mode in your website. Features It has a smooth setting and also it changes via system settings aswell.

Jan 6, 2022

A built-time CSS library for styling React components.

A built-time  CSS library for styling React components.

Stylin Stylin is a build-time CSS library that offers an elegant way to style React components. It extends CSS Modules and adds some missing features

Dec 30, 2022
Comments
  • Issue #4: [Feature] Make table look prettier

    Issue #4: [Feature] Make table look prettier

    Just wanted to say thanks for opening this repo. I saw it mentioned on Reddit a while ago and thought it sounded like such a cool idea, but have only just now gotten around to trying it out.

    For my own future reference: is there a standard way to format pull request titles? I presume that I should reference the issue that the request addresses, at the very least.

    Also (and here I'm going to show my newbie colors), when setting everything up, the package-lock.json and package.json files were altered, and I see that they have been bundled in with the request, when really it's only the .css file that we're interested in here. Is there a way to pick and choose which files are included in the pull request, or will it always take all of the changes from my fork?

    opened by nbarnabee 1
  • All 4 Issues Fixed

    All 4 Issues Fixed

    Issue #4: Adjusted CSS to change border color and header background color

    Issue #3: Created a function that adjusted the number format to be, which can be viewed on line 20.

    • Used the ( Intl.DateTimeFormat ) object

    Issue #2: Using Date.toLocaleString() to adjust the date format

    Issue #1: Inside of file ( Constant.js ) uncovered that the objects being stored in ( db.json ) did not have the correct name

    opened by MiguelCamilo 0
  • Fixes to crm

    Fixes to crm

    Implemented the following fixes: -Styling changes to table -Format revenue in a readable format -Display dates in a 24-hour format -Correct API request to get company names

    opened by Cesar-Infante 0
Owner
JobSimulator
We are helping software devs get better job offers and reduce imposter syndrome.
JobSimulator
A set of small, responsive CSS modules that you can use in every web project.

Pure A set of small, responsive CSS modules that you can use in every web project. http://purecss.io/ This project is looking for maintainers to suppo

Pure CSS 22.7k Jan 3, 2023
[ON HOLD] Living Style Guides Engine and Maintenance Environment for Front-end Components. Core repository.

[ON HOLD] SourceJS - Living Style Guide Platform The project been stale for a while and currently is in the [ON HOLD] state until we find new maintain

SourceJS 552 Nov 8, 2022
Reseter.css - A Futuristic CSS Reset / CSS Normalizer

Reseter.css A CSS Reset/Normalizer Reseter.css is an awesome CSS reset for a website. It is a great tool for any web designer. Reseter.css resets all

Krish Dev DB 1.1k Jan 2, 2023
A classless CSS framework to write modern websites using only HTML.

new.css new.css A classless CSS framework to write modern websites using only HTML. It weighs 4.8kb. All it does is set some sensible defaults and sty

null 3.6k Jan 3, 2023
RxHtmlButtonLibrary - Html Button Styling Library by roxunlimited.com using CSS and jQuery.

rxHTMLButton Library v0.3 rxHTMLButton Library will work on almost every HTML tag. It will smoothly work on 'a href link', 'button type button', 'inpu

roxunlimited 0 Sep 16, 2022
The fastest way to build beautiful Electron apps using simple HTML and CSS

Photon UI toolkit for building desktop apps with Electron. Getting started Clone the repo with git clone https://github.com/connors/photon.git Read th

Connor Sears 9.9k Dec 29, 2022
Giggy is a collection of a few fun jokes related to Coding & Dark Humor - Created using HTML, JavaScript, CSS & Webpack.

Giggy A Collection of some of the best jokes. This is a Web Application with some jokes related to coding & Dark Humor. Created with data from the Jok

Awais Amjed 7 Jul 28, 2022
Front-end framework with a built-in dark mode and full customizability using CSS variables; great for building dashboards and tools.

This is the main branch of the repo, which contains the latest stable release. For the ongoing development, see the develop branch. Halfmoon Front-end

Tahmid (Halfmoon UI) 2.8k Dec 26, 2022
A CSS button library built using Sass and Compass

Buttons 2.0 Buttons 2.0 Buttons is a highly customizable production ready mobile web and desktop css button library. Buttons is a free open source pro

Alex Wolfe 5.1k Jan 4, 2023
A website designed as a template for Real Estate Events and Conferences.

A website designed as a template for Real Estate Events and Conferences. Users can showcase live countdown until event, event characteristics, Speakers and Organizational leadership Showcase and design is responsive. Built with HTML/CSS/JavaScript.

Steve 17 Nov 28, 2022