https://github.com/webcat12345/connect-now-test
ConnectNow company technical assignment
https://github.com/webcat12345/connect-now-test
angular tailwindcss
Last synced: 11 months ago
JSON representation
ConnectNow company technical assignment
- Host: GitHub
- URL: https://github.com/webcat12345/connect-now-test
- Owner: webcat12345
- Created: 2022-08-11T13:13:07.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-01-22T17:10:07.000Z (about 3 years ago)
- Last Synced: 2025-05-08T07:43:37.810Z (11 months ago)
- Topics: angular, tailwindcss
- Language: TypeScript
- Homepage: https://webcat12345.github.io/connect-now-test
- Size: 293 KB
- Stars: 2
- Watchers: 1
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ConnectNow Test Project
The purpose of this project is for demonstrating ability of organizing project structure, reusable components and how to use modern languages such as typescript and html5 also scss and other relevant technologies.
## Setting Up Environment
* `node.js` and `npm` is primarily required to run this project on your local.
* There's no need to have [Angular](https://angular.io) environment but maybe helpful.
* Clone the repository or just download the `.zip` or `.tar.gz` file and extract it.
```bash
# Setting up node_modules (npm packages)
$ npm install
# Run the project on the local
$ npm run start
```
* After following above steps, navigate to `http://localhost:4200` on your browser to check the running website.
## Short Description
Design implementation, functional implementation along with the mobile responsive is the core feature of this test task.
## Implementation Details
* There are two pages `/` (root page - Video Games Page) and `/contact` (contact page - Contact page).
* Both pages are fully mobile responsive in different devices including phone and tablet view.
* Application is storing the data as in a service and work similar as redux pattern but very manually. This will demonstrate that developer is just familiar with all progressive programing.
* Design specifications are correctly implemented using [Tailwind CSS](https://tailwindcss.com) along with recommended fonts.
* General code quality is supported by the [Prettier](https://prettier.io) and also IDE configuration. (If you use VS Code, you need to install prettier plugin on your editor.)
* Typescript - Defined all types and models using the typescript to make sure developer is following the best practice and modern cookbooks.
* Using different method of handling asynchronous actions using promise/rxjs and so on, used different methods in different places to show you cases.