README.md

Interactive Comment

📗 Table of Contents

• 📖 About the Project
  • Screenshot
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• 📝 License

📖 Project Overview

The interactive comment project is a web-based application that allows users to register and login with their credentials, post and view comments and displays the authenticated user on the navigation bar. Built using the React library, Tailwind CSS, PrimeReact, Formik, TypeScript, and Firebase, the project offers a highly responsive and modern user interface. Users can post comments on a topic or article, view comments posted by others, and reply to comments. The application also features real-time updates, so users can see new comments as they are posted. Additionally, Firebase provides a secure backend database for storing comments and user information, ensuring the application is reliable and secure.

Screenshot

• Deskop View :
• Login View:
• Register View:
• Confirm Delete:
• Mobile:

🛠 Built With

Tech Stack

• Semantic HTML5 markup
• CSS Grid and Flexbox
• Tailwind Css
• Mobile-first workflow
• React - JS library
• Formik - Forms Validations and Rendering
• Firebase - For Database
• Prime React - For UI Components

Key Features

• Login Page
• Registration Page
• Comments Page
• Auth Navbar Page

🚀 Live Demo

Here is a link to my project. You can view to show the output so far.

• Solution URL: Interactive Comment
• Live Site URL: Interactive Comment

💻 Getting Started

To get a local copy up and running, follow these steps.

Prerequisites

In order to run this project you need:

Setup

Clone this repository to your desired folder:

  cd my-folder
  git clone [email protected]/Stephen-Adom/react-interactive-comment.git

Install

Install this project with:

Example command:

  cd my-project
  npm install

Usage

To run the project, execute the following command:

  npm run start

Run tests

To run tests, run the following command:

Deployment

You can deploy this project using:

(back to top)

👥 Authors

👤 Stephen Addae

• GitHub: @Stephen-Adom
• Twitter: @stephen_alaska
• LinkedIn: Stephen Addae

🔭 Future Features

• Post Page Page
• Profile Page

🤝 Contributing

Contributions, issues, and feature requests are welcome!

⭐️ Show your support

If you like this project, please provide suggestions to help improve this project

🙏 Acknowledgments

I would also like to thank Frontend Mentor for providing the project for me to work on

📝 License

This project is MIT licensed.

(back to top)