You need to have:
- Node version >= 18.13.0
Then navigate to the root of the repository and run:
npm run dev
This repo is for StudyHub (a full-stack web app that helps student to find the study group that fits their needs!) front-end and UI/UX development. This involves both UI/UX designing and creating front-end components for StudyHub! Everything will be written in React and TypeScript
This relates back to what I mentioned about code style and convention in the backend repo. A formatter is necessary to have a consistent code style and format across the entire codebase. We have 6 developers and most likely 6 different opinions about how things should look: some wants trailing commas, some don't, some don't want multiline function invocation, some wants them, list go on.
We shall use Prettier for the formatter, it's opinionated and used frequently in the industry. We will use ESLint Airbnb style since that's also popular.
I will not listen to any objection, disputes between code styling is trivial and waste of time. Settles on one convention so code reviews focuses more on the logic and functionalities instead of arguing about whether the object in line 102 should have trailing commas or not.
npm run format
to format all the relevant filesnpm run lint
to have the linter gives me error and/or warningsP.S.: NB stands for Non Blocking, it means whatever the requirement/suggestion is does not need to be satisfied/agreed upon for the issue to be completed.
We need to have a Figma design for the login/signup page. We will utilize Ant design since it's open source. There are some inspirations for the design of the page on the Internet, let's choose a simple one.
We want to have the login/signup page that matches the layout specified in the design. We do not need to add thorough CSS styling, that can be done later.
Ideally we would want a React component for the login/signup card. Error states can be done in the ticket that add CSS styling
Blocked by:
We want to have robust error state for when user enter invalid inputs, we also want the styling to matches the Figma design.
Blocked by:
We want to have reusable React components throughout the apps. We need an input component that supports:
These are the 3 types we need right now, we can add more type later. If the component is built properly, supporting more input types should be trivial.
Relates to:
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.