hithere-devs/youreply-frontend

Code a Landing Page

Open

#2 opened on Oct 21, 2023

View on GitHub
 (0 comments) (0 reactions) (0 assignees)JavaScript (0 forks)auto 404
good first issueui

Repository metrics

Stars
 (1 star)
PR merge metrics
 (PR metrics pending)

Description

Current landing page sucks!😔

  • Make a more dynamic, beautiful, creative and responsive Landing page for the App.
  • Nothing extra needed just the most important thing about the App is CTA Button for Google Login.
  • Think as creative as possible use the documentation for any information about the app you want to mention.
  • Feel free to ask about or suggestions on Improving it.

Process Ahead

  • Fork the code.
  • Make your own branch.

Tips to Code

  • look for the "LandingScreen.jsx" file in "/src/screens" there you can find the code for the Landing page currently present.
  • Install Styled Components and use that for any css or that kind of thing paired with tailwind that is already installed.
  • You can use SHACDN which is already installed.
  • ! IMPORTANT - Do not use other UI Libraries like Bootstrap and Material UI etc. use only the mentioned above to create something amazing.
  • Show your creativity, feel free to make folders and all in the screens folder itself for any complex code structures you want to write just don't play with the location of "LandingScreen.jsx" - core working file. i.e. don't try to change it or there is possibility for the code to break there.

Thats it! 💁

  • Keep All the tips in mind and code happy! 😉
  • Ask for suggestions and help (if needed).
  • Generate a Pull Request when you have a deduced plan.
  • Wait for the reply ✌️😉!

Contributor guide

Research direction
Look at the existing LandingScreen.jsx file located in /src/screens to understand the current structure. Read the app's documentation to learn what the app does so you can create relevant content. Review the Tailwind and shadcn components already installed to see what you can use. Then design a creative, responsive landing page that prominently features the Google Login CTA button, using Styled Components for any additional styling.
Tech stack
reacttailwindcss
Domain
frontend
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
Half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
GitReactTailwind CSS
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
80