Writings for Developers

A landing page for Writings for Developers, a curated collection of articles for busy developers. This project is an exact replica of a Figma design, implemented using HTML, CSS, and JavaScript, and fully optimized for mobile devices. It is a static landing page, not a fully functional website.

View the Figma Mockup

Table of Contents

• Demo
• Technologies Used
• Installation
• Project Structure
• Contributing

Demo

Check out the live version of the landing page:

Live Demo on GitHub Pages

Technologies Used

• HTML5: Markup language for structuring the content.
• CSS3: Styling and layout design, utilizing Flexbox and Grid for responsive behavior.
• JavaScript: Used for adding interactive elements to the page.
• Figma: The original design tool used to create the mockup.

Installation

Follow these steps to set up the project locally:

1. Clone the Repository

   git clone https://github.com/SanjayPotdar/Writings-for-Developers.git

2. Navigate to the Project Directory

   cd Writings-for-Developers

3. Open index.html in Your Browser

   You can either double-click the index.html file or use a live server extension to preview the project in your browser.

Project Structure

Writings-for-Developers/
├── assets/
│   └── [Image and asset files]
├── Home.css
├── index.html
├── Home.js
└── README.md

• assets/: Contains image files and other media used in the project.
• Home.css: The stylesheet for the landing page.
• index.html: The main HTML file containing the page structure.
• Home.js: JavaScript file for any interactivity and dynamic features.
• README.md: Documentation for the project.

Contributing

Contributions are welcome! If you would like to contribute to this project, please follow these steps:

1. Fork the Repository

2. Create a New Branch

   git checkout -b feature/YourFeature

3. Commit Your Changes

   git commit -m "Add a new feature"

4. Push Your Branch

   git push origin feature/YourFeature

5. Open a Pull Request

Please make sure your code adheres to the project's style and includes any relevant documentation.

---