xeho91 / project-template-old

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Project template

Project description TBA...

πŸ”— Table of Content


πŸ’» Technology stack

This project uses the following technology stack, and there's short reasoning as to why these choices.

As a core version control tool, because it can be used with GitHub or GitLab.

As JavaScript runtime for this project development.

As the primary programming language because it offers fantastic developer experience thanks to its toolings, typings and helps find possible bugs.

As a JavaScript bundler, because it is speedy for local development and supports modern technologies.

For using the modern CSS features and plugins to improve the development flow, such as autoprefixer.

As the primary CSS language, for improving the development experience with advanced syntax.

As a JavaScript Testing Framework because it focuses on simplicity, also it is utilized with Testing Library for the good testing practices.


βš“ Prerequisites

Dependencies shield

This project requires these tools to be able to run it locally on your device and develop.

  1. Git version control tool to be installed.

  2. Latest Node.js LTS (Long-Term Support) version.

  3. pnpm - as Node.js package manager.
    Other package managers such as npm or yarn may work; however this project setup is optimized for pnpm.


🏁 Getting started

Repository size

The following steps are supposed to help you run this project locally (on your current device on your network).

  1. Clone this project with Git using the following command:

    git clone https://github.com/xeho91/project-template.git
  2. Install all of the dependencies (Node.js packages) by typing in your terminal:

    pnpm install
  3. Configure the Environment Variables based on the .env.example file.

    πŸ“ NOTE: You can either create a local .env file or use Doppler.

  4. Build the output and preview it using the command:

    pnpm start
  5. Go to http://localhost:5000/ page in your browser.

    NOTE: If you want to open it on other devices on your network, use the IP address provided in the terminal output after running the script.


βš™οΈ Contributing

Please take a look at the CONTRIBUTING.md file, where the development flow is explained and thoroughly described.


πŸ”„ Feedback

Have you found a bug?
Would you mind not hesitating to open an issue if you have time?

Did you notice bad UX practice(s)?
Please get in touch with me or open an issue. I am constantly learning, and I treat it seriously. So I would appreciate the effort. To save your time, you can also provide a link to a resource to learn more about it.

Have you noticed any a11y issue(s)?
Please let me know immediately! I care a lot about it.


πŸ”’ Security Policy

For more information about the Security Policy, take a look at the SECURITY.md file.


βš–οΈ License

License shield

The code is licensed under the MIT license.

The graphical assets created by me are licensed under CC BY-SA 4.0.
There's a more human-readable summary of this license.


βœ‰οΈ Contact

PGP shield

Twitter shield

You can contact me through:

About

License:MIT License


Languages

Language:JavaScript 49.7%Language:SCSS 35.9%Language:TypeScript 6.3%Language:HTML 4.9%Language:Shell 3.2%