Skip to content

rsd-darshan/Template-Explorer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 

Repository files navigation

Website Template Selector

This project is a web-based application for searching, previewing, and selecting website templates from GitHub. It provides users with the ability to search for different types of templates, filter based on categories, and bookmark their favorite templates. The application is built using Express.js on the backend, and HTML, CSS, and JavaScript on the frontend.

Features

  • Search website templates by keyword or type (e.g., ecommerce, portfolio, blog, etc.)
  • Filter templates by stars, forks, or recent updates
  • Preview website templates directly from GitHub
  • Bookmark favorite templates for easy access
  • Responsive design for different screen sizes
  • Download the repo as a zip file

Installation

  1. Clone the repository:

    git clone <your-repo-url>
  2. Start the server.

  3. Open the application by visiting http://localhost:3000 in your browser.

File Structure

  • server.js: Contains the backend logic using Express.js, fetching templates from GitHub and serving static files.
  • public/index.html: The main HTML page with the UI for searching and displaying templates.
  • public/styles.css: Styles for the UI, including the layout of the sidebar, main content, and template cards.
  • public/script.js: Client-side JavaScript for handling template fetching, filtering, and bookmarking.

API Endpoints

  • GET /api/templates: Fetch templates from GitHub based on search query, template type, and sort order.
  • GET /api/preview: Fetch the index.html of a GitHub repository for previewing templates.

Usage

  1. Search Templates: Enter a keyword or select a template type to search for templates.
  2. Filter Templates: Use the dropdown menus to filter templates by stars, forks, or recent updates.
  3. Preview Templates: Click the "View Demo" button (if available) to see a live preview of the template.
  4. Bookmark Templates: Bookmark your favorite templates by clicking the "Bookmark" button, and view them later in the bookmarks section.

Technologies Used

  • Backend: Node.js, Express.js
  • Frontend: HTML, CSS, JavaScript
  • API: GitHub API for searching and retrieving templates
  • Environment Variables: .env for GitHub token and port configuration

Screenshots

webtemplate webtemplate1webtemplate2webtemplate3webtemplate4 webtemplate5

License

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

About

A tool to browse, filter, bookmark, preview, and download website templates from GitHub with ease.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors