Skip to content

Today I Learned is a Web application that lets users share and interact with fun facts online built with React/Next.js, SCSS on the Front-end & Firebase on the Backend.

Notifications You must be signed in to change notification settings

Amr097/Today-I-Learned

Repository files navigation

Today I Learned

Today I Learned is a web application Built with Nextjs, Scss on the Front-end & Firebase on the Backend, The project design and idea was a part of Jonas Schmedtmann Crash Course Build a FullStack Web App.

Description

This project was a practice application for what i have learnt so far in React & Scss while learning new technologies along the way such as integrating my web Front-end with Baas (Backend-as-a-service) and i have chosen Firebase to learn in this project.

Features

1- Responsive to all screen sizes.

2- Enables user to post new facts & upvote/downvote existing facts.

3- Enables user to filter facts by category.

Improvments i added to what we built in the course:

1- Improved the overall styling and responsiveness of the app. What we built during the cousework: https://todayilearned-jonas.netlify.app/ How it looks after improving the styling: https://today-1-learned.netlify.app/

2- Used Context API to manage/update state globally across components.

3- Added user login & authentication using firebase auth.

4- Created subcolltections to the existing users collections in the database to store the user interactions which allows users to remove or change their cuurent votes thus improving user experience.

5- Added various sorting functionalities & searching for facts.

6- Added functions to enable users to navigate through their own posts & posts they upvoted or downvoted.

Give it a try?

https://today-1-learned.netlify.app/

Installation

Clone this repository

$ git clone

Install dependencies

$ npm install

Run the app

$ npx next dev

About

Today I Learned is a Web application that lets users share and interact with fun facts online built with React/Next.js, SCSS on the Front-end & Firebase on the Backend.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages