Skip to content

Sbiswas001/JavaScript-Apps

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

README.md

JavaScript Apps Website

Overview

This project is a simple website that serves as a hub for various JavaScript applications. The homepage features a card-based design, with each card linking to a different JavaScript app subpage.

Features

  • Responsive Design: The layout adjusts for different screen sizes, ensuring usability on both desktop and mobile devices.
  • Card Layout: Each JavaScript app is represented by a card containing an image, title, description, and a link to the app.
  • CSS Styling: Basic CSS styling for a clean and modern look, including hover effects.

Folder Structure

/root
│
├── index.html
├── assets
│   ├── css
│   │   ├── app1.css
│   │   ├── app2.css
│   │   └── ...
│   ├── images
│   │   ├── app1.jpg
│   │   ├── app2.jpg
│   │   └── ...
│   └── scripts
│       ├── app1.js
│       ├── app2.js
│       └── ...
└── pages
    ├── app1.html
    ├── app2.html
    └── ...

Files

  • index.html: The homepage of the website, featuring the card layout linking to subpages.
  • assets/css/app1.css, app2.css, ...: CSS files for styling individual app pages.
  • assets/images/app1.jpg, app2.jpg, ...: Images used on the cards in the homepage.
  • assets/scripts/app1.js, app2.js, ...: JavaScript files for individual app functionality.
  • pages/app1.html, app2.html, ...: Subpages for individual JavaScript apps. These are templates where you can add your app-specific content.

Setup and Usage

  1. Clone the repository:
    git clone https://github.com/yourusername/your-repo-name.git
  2. Navigate to the project directory:
    cd your-repo-name
  3. Open index.html in your web browser:
    open index.html

Customization

  • Adding More Cards:
    • To add more cards, copy one of the existing card blocks in index.html and update the image, title, description, and link accordingly.
  • Changing Styles:
    • Modify the CSS files in the assets/css directory to change the look and feel of the website. Adjust colors, fonts, sizes, etc., to fit your preferences.
  • Updating Content:
    • Replace the placeholder content in the HTML files in the pages directory with your actual JavaScript app code. Add more subpages as needed by creating new HTML files and linking to them from the homepage.

Contributing

We welcome contributions! Please see the CONTRIBUTING.md file for guidelines on how to contribute to this project.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Acknowledgments

  • Basic HTML and CSS template inspired by common web design practices.
  • Images used in the example are placeholders; replace them with your own.

Contact

For any questions or feedback, please contact [sbiswas001.tech@gmail.com].

About

This project is a simple website that serves as a hub for various JavaScript applications.

Topics

Resources

License

Code of conduct

Security policy

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published