An open API service indexing awesome lists of open source software.

https://github.com/aumirza/dev-gallery

A gallery for developers by developers.
https://github.com/aumirza/dev-gallery

github landing landing-page pages

Last synced: 3 months ago
JSON representation

A gallery for developers by developers.

Awesome Lists containing this project

README

          


DevGallery

# DevGallery

**A gallery for developers by developers.**

DevGallery is your digital gallery for showcasing and discovering GitHub repositories. With an interactive card layout, you can explore the source code and live versions of projects effortlessly, all in one place.

---

# Features

- [x] Responsive
- [x] Easy to use
- [x] Easy to customize
- [x] Easy to deploy

# TODO

- [x] add icons
- [x] add profile stats

## 🌐 View Live

[DevGallery Ahmadullah mirza](https://gh.ahmadullah.in/)

---

## ✨ Highlights

- Showcases repositories with their source code and live links.
- Interactive and visually appealing card layout.
- Optimized for fast performance.

---

## 🛠️ Tech Stack

- **[React](https://reactjs.org/)**: For building the user interface.
- **[Vite](https://vitejs.dev/)**: For fast and efficient development builds.

---

## 📚 Lessons Learned

---

## 🚀 Optimizations

- Utilized **localStorage** for caching user location data, reducing unnecessary API calls.
- - Enhanced UI responsiveness for various screen sizes.

---

## 📄 Available Scripts

```bash
# Start the development server
npm run dev

# Build for production
npm run build

# Preview the production build
npm run preview
```

# How to deploy

1. [Fork this repo](https://github.com/aumirza/gh-landing/fork)

![ ](https://imgur.com/e3ZfsMO.png)

2. Now go to actions tab and click on, I understand workflows, go ahead and enable them.

![enter image description here](https://i.imgur.com/HXT8Ftx.png)

3. Now select Build and Deploy workflow.

![enter image description here](https://i.imgur.com/cxp9SOe.png)

4. Now click on Run workflow.

![enter image description here](https://i.imgur.com/vpmLmY6.png)

5. Now select main branch and click on Run workflow.

![enter image description here](https://i.imgur.com/loIaVWn.png)

![enter image description here](https://i.imgur.com/rVYPkHb.png)

6. After build is finished, go to settings tab, then select pages and gh-pages branch and click on save.

![enter image description here](https://i.imgur.com/zQ8Kb0P.png)