All Projects โ†’ geraldobraz โ†’ web-template-project

geraldobraz / web-template-project

Licence: MIT license
This repository contains a template for nodeJS and ReactJs projects using TypeScript.

Programming Languages

typescript
32286 projects
HTML
75241 projects
javascript
184084 projects - #8 most used programming language
shell
77523 projects

Projects that are alternatives of or similar to web-template-project

awesome-shields
The list of styled dynamic informational shields, given the ability to exist by the truly amazing work of shields.io ๐Ÿ˜
Stars: โœญ 89 (+394.44%)
Mutual labels:  styled-components
sass-extract-js
Plugin for sass-extract to convert Sass variables into a plain JS object
Stars: โœญ 108 (+500%)
Mutual labels:  styled-components
claxed
Classes with the same style of Styled-Components
Stars: โœญ 17 (-5.56%)
Mutual labels:  styled-components
nebuchadnezzar
on the way to cleanest react architechture
Stars: โœญ 15 (-16.67%)
Mutual labels:  styled-components
dialetus
An informal dictionary with the idiomatic expressions that each Brazilian region.
Stars: โœญ 98 (+444.44%)
Mutual labels:  styled-components
bubbly
Full stack chat application created w/ Next.js, Socket.IO, Express, React and TypeScript
Stars: โœญ 24 (+33.33%)
Mutual labels:  styled-components
juggle-and-drop
Juggle all your tasks! (A fullstack Kanban app w/ drag-and-drop) ๐Ÿคนโ€โ™‚๏ธ
Stars: โœญ 38 (+111.11%)
Mutual labels:  styled-components
prosemirror-react-typescript-example
Minimal boilerplate to start a project with ProseMirror, React, TypeScript
Stars: โœญ 67 (+272.22%)
Mutual labels:  styled-components
shorted-theme
Shorted theme references for Styled Components.
Stars: โœญ 13 (-27.78%)
Mutual labels:  styled-components
graphql-blog-client
๐Ÿš€ React Apollo client for a GraphQL blog.
Stars: โœญ 15 (-16.67%)
Mutual labels:  styled-components
React-Redux-Enterprise
A React-Redux boilerplate for enterprise/large scaled web applications
Stars: โœญ 77 (+327.78%)
Mutual labels:  styled-components
global-upvote
A progressive web app that provides top voted stories across the web, summarized and updated every sixty seconds.
Stars: โœญ 25 (+38.89%)
Mutual labels:  styled-components
react-component-lib
Boilerplate repo for creating npm packages with React components written in TypeScript and using styled-components
Stars: โœญ 69 (+283.33%)
Mutual labels:  styled-components
react-sticky-headroom
A React Component to hide a Header using CSS sticky position
Stars: โœญ 22 (+22.22%)
Mutual labels:  styled-components
gatsby-starter-shopifypwa
๐Ÿ’š๐Ÿ›’๐Ÿ’š Bodega is a Shopify PWA using Gatsby JS + Netlify CMS
Stars: โœญ 100 (+455.56%)
Mutual labels:  styled-components
molecule
โš›๏ธ โ€“ย  โ€“ โš›๏ธ Boilerplate for cross platform web/native react apps with electron.
Stars: โœญ 95 (+427.78%)
Mutual labels:  styled-components
bulma-styled-components
An implementation of the Bulma css Library for React using Styled Compenents
Stars: โœญ 53 (+194.44%)
Mutual labels:  styled-components
react-native-whirlwind
Whirlwind is a utility-first styling framework specifically designed for React Native. It is heavily inspired by Tachyons and Tailwind CSS and uses low-level building blocks for rapidly building custom designs.
Stars: โœญ 91 (+405.56%)
Mutual labels:  styled-components
monorail
๐Ÿš Monorail | Cyber Design System
Stars: โœญ 14 (-22.22%)
Mutual labels:  styled-components
grad.then
grad.then() Life after freeCodeCamp, get a job ๐Ÿ’ช
Stars: โœญ 13 (-27.78%)
Mutual labels:  styled-components

Web Template Project

Overview

This repository contains a template for nodeJS, ReactJs projects using TypeScript.

Table of contents

๐Ÿš€ Getting Started

๐Ÿšจ Prerequisites

MacOS

Install Homebrew

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"

Install tools

brew install yarn
brew install node

Ubuntu

Configuring repository

curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list

Install tools

sudo apt update
sudo apt install yarn
sudo apt install nodejs

Windows

Install Chocolatey

Install tools

choco install yarn
choco install nodejs

๐Ÿ“ฅ Installing dependencies

Inside the project's folder, run:

yarn

๐ŸŽ Running application

Go to the backend folder and run the following command to start the backend server

yarn dev:server

Go to the frontend folder and run the following command to start the web application

yarn start

๐Ÿ”ฌ Running tests

To run the tests go to the frontend folder and run the following command

yarn test

๐Ÿ“ท Screenshots

๐Ÿ›  Built With

๐ŸŽ– Author

๐Ÿ“ License

This project is licensed under the MIT License - see the LICENSE.md file for details

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].