spaceyatech/mastori-frontend

A frontend development for the SpaceYaTech Mastori blog application. This is a community-driven open-source project that aims to let users to quickly publish content and share it with ease to their audience.

mastori-frontend's Issues

Create Login Page

Create a Login page that allows users to log into their account on the website.
The page should include input fields for email and password.

• Implement the Login page using React and CSS.
• Connect the Login page to the backend API to authenticate user credentials.

Create Search Input Component

Create a reusable Search Input component that will be used on the Blog page.
The Search Input should allow users to search for specific blog posts by keyword.

• Implement the Search Input component using React and CSS.
• Connect the Search Input to the backend API to fetch search results.

Create Password Reset Page

Create a Password Reset page that allows users to reset their password if they have forgotten it.
The page should include input fields for email.

• implement the Password Reset page using React and CSS.
• Connect the Password Reset page to the backend API to reset the user's password.

Add Typescript

Adding typescript to the application

Initial project setup

setup project with react and vite

Create Hero Section Component

Create a reusable Hero Section component that will be used on the Home page.
The Hero Section should include a background image.

• Implement the Hero Section component using React and CSS.
• Test the Hero Section component on various screen sizes to ensure responsiveness.

Create Signup Page

Create a Signup page that allows users to create a new account on the website.
The page should include input fields for name, email, password, and confirm password.

• Implement the Signup page using React and CSS.
• Connect the Signup page to the backend API to create a new user account.

Create Navbar Component

Create a reusable Navbar component that will be used on all pages of the website.
The Navbar should include links.

Tasks:

• Implement the Navbar component using React and CSS.
• Test the Navbar component on various screen sizes to ensure responsiveness.

add a detailed Readme

explain to developers about the project