Team

3Gigs

Project Description

Features

• Allows user to enter their name
• Keeps track of user submitted tasks
• Button to add more tasks

How It's Built

The project's workspace is bootstraped using Create-React-App. Everything is built using React components. React states are used to keep track of tasks. This complies with React standards, which states only changes in states and props should re-render webpage.

Team

junaidmahmood288

Project Description

Features

• Friendly UI
• Emojis to make it more clean and modern
• Clear and add notes
• Remove or delete already made notes

How It's Built

Everything here is build in React and meets to its standards since React can create change without having to reload the entire page

Team

Andrew059

Project Description

This application made with React is specially designed with Ninja Cats in mind as they are NOT a myth.

Features

• Ninja Cats
• More Ninja Cats
• Even More Ninja Cats
• Navigation Bar with Products, Services, and Join Us
• Card Creator
• Logo
• Button
• High Interactivity

How It's Built

This web application was built using React, CSS, HTML, JavaScript, Node.js, and JSON.

Team

ammarmahmood288

Project Description

A to do list web app made with react js. I

Features

Cool features:

• Easy UI
• Simple
• Usefull

How It's Built

I built this in codesandbox and I used mozilla developer as my inspiration. There is of course html css as this is a webapp.

Team

Miniapple8888

Student developer | HackitForward Dev

Project Description

An app that allows you to add todos and complete them!

Features

Specific features with React.js:

• getCategories() to retrieve every file!
• AddCategory, Categories, Category, AddTodo, Todos, Todo components with props!

How It's Built

This project was built in two different parts: the frontend and the backend. The frontend was built with React.js. The backend was built using Express.js and MySQL! I built an API (not complete yet) to query data from the MySQL database!

What I learned

Maybe I should have stuck to React functions instead of classes :( I learned about React hooks such as componentDidUpdate() and componentDidMount() and the best way to implement a reactive app that updates the state without reloading while storing the data (two saving systems: save it in react states and save it in the api; when user reloads page, api fetches stored data in database)! Also, I learned how to pass methods as props to other child components!

What's next

Implementing the following features:

• Better UI
• React updates by its state while sending requests to the api to store the data in the database.

Team

N00dleMaster

Project Description

A todolist app made using React

Features

My project has basic CRUD functionality. It's actually connected to a backend server made using node and express.

• Create TodoLists
• Create Todos
• Delete Todos(Mark them as done)
• Edit Todos
• Delete TodoLists

How It's Built

React is a client that runs separate from the server. It makes requests to the node server via the Fetch API built into JS.

On the back-end, I planned to use MySQL. However, this is the first time I've used React, so it took me very long, and many mental breakdowns to get the app working. It is currently 1 hour to the deadline. Anyhoo, The app I've submitted does not use MySQL on the backend.

My app does not yet have user authentication, either. I planned to use Qoom, but did not have time for that either.

What's next

I plan to implement MySQL on the backend. I've used PostgreSQL before, so MySQL shouldn't be much different (they use the same syntax). I also wanted to do user authentication with Qoom, but it seems tough, as Qoom has its own database it must be used with. I might just end up using plain old PassportJS for user authentication, since it's light and versatile. (Not dependent on DBs.)

NOTE:

*I have attached a link to my github repo*

Team

saltyRavioli

Project Description

A longer description of the project compared to the one liner.

Features

Talk about some cool things your project does here. You can use a:

• Bulleted
• List
• Like
• This

How It's Built

Talk about how you built this project in technical terms. Talk about the languages, frameworks, and tools you used to create this project.