riskysaptra/se-challenge1

This repository welcomes talented software engineers to showcase their skills for a potential career at Gapai!

React Test: Simple Personal Blog

Challenge: This test asks the candidate to build a single-page application (SPA) for a simple personal blog. The goal is to test their understanding of JavaScript, React, CSS frameworks (specifically responsiveness/mobile-friendliness), Git version control, and their ability to write clean, efficient, and maintainable code.

The following Figma layout needs to be developed.

It's important to say that it is just a prototype! We would also like to see your ability to propose improvements, features and new contributions to the product's UI 😄! Use the layout only as reference!

Scenario:

You are tasked with building the frontend for a simple personal blog. User can read a blog and write a blog. The web-app should allow for the following functionalities:

• Viewing listed blog (you can create your own data)
• Post creation, editing, and deletion

Tech Requirements

• Use React JS as the primary framework.
• Choose a modern CSS framework like Material UI or Chakra UI for responsive design and mobile-friendliness.
• Utilize Git for version control throughout the development process.
• Focus on writing clean, well-organized, and commented code.
• Follow best practices for unit testing and code documentation.

Assessment Criteria:

Functionality:

• Completeness and accuracy of implemented features.
• User-friendliness and intuitive UX/UI design.

Technical Depth:

• Use of appropriate React patterns and components.
• Effective state management and data handling.
• Implementation of responsive design and mobile-friendliness.
• Utilization of Git for version control and collaboration.

Code Quality:

• Readability, maintainability, and clarity of code.
• Effective use of comments and documentation.
• Adherence to best practices for code structure and indentation.

Bonus Points:

• Create your own mock-up API from the other challenge to fetch the data.
• Implementation of mobile responsive design.
• Implementation of additional features beyond the basic requirements.
• Creative and innovative solutions to technical challenges.
• Deploy your work to a cloud platform (e.g., Heroku, AWS, docker) and share your link through the email.
• FEEL FREE to add any functionality or feature that you might see can benefit the app

Instructions

• Fork this repo
• The challenge is on!
• Build a performant, clean and well-structured solution
• Commit early and often. We want to be able to check your progress
• Make the app public. Deploy it using the service of your choice (to gain bonus point!)
• Write the instruction on how to run the app by rewriting this README.md
• Don't forget to write your name, email, and phone number on this file
• Create a pull request (ref: https://docs.github.com/en/get-started/exploring-projects-on-github/contributing-to-a-project)
• Please submit your working solution before 7th Feb 2024, 11.00 AM (Submitting before that is always a plus point)
• Be sure to notify us when it is submitted by sending us email through [email protected] with title format [SE - Submission] - yourname and send me the related link.

Happy Hacking! 🤘