This project is part of the Codevixens Frontend Development Challenge (Day 3). The goal is a recreation of the Medium landing page, built using React. It showcases the use of components, styling, and responsive design principles.
- Responsive Design: The landing page adapts to different screen sizes, providing a consistent user experience across devices.
- Hero Section: A prominent hero section with engaging text and an illustrative image.
- Navigation Bar: A navigation bar with links to key Medium features.
- Footer: A footer with links to important resources and information.
- Clone the repository:
git clone https://github.com/gideonagyage/Medium-Landing-Page.git- Navigate to the project directory:
cd Medium-Landing-Page- Install dependencies:
npm install- Start the development server:
npm start- Open your browser and navigate to
http://localhost:3000.The landing page is built using React components, each responsible for a specific section of the page. The components are styled using Bootstrap and custom CSS to achieve the desired look and feel.
- MediumLandingPage: The main component that renders the entire landing page.
- Header: The navigation bar component, containing the Medium logo and navigation links.
- Footer: The footer component, containing links to important resources and information.
- On a large screen
- On a small screen
Check out the live demo here.
This project helped me solidify my understanding of React components, styling with Bootstrap, and implementing responsive design principles. It was a fun and challenging experience to recreate a popular website like Medium.
Feel free to fork this repository and submit pull requests. Any contributions are welcome!
This project is licensed under the MIT License.
- Codevixens for organizing the challenge.
- Chinaza Igboanugo, Lois Bassey, and Oyinkansola Shoroye for their contributions and guidance.
Feel free to customize it further to fit your needs! If you have any specific details you'd like to add or change, let me know.