https://github.com/praisespjmt/pixogram
Pixagram is a responsive image web gallery that showcases a collection of images. Users can login to the gallery page, rearrange their images by dragging and dropping, and search through their gallery.
https://github.com/praisespjmt/pixogram
pixels react sass vite
Last synced: 25 days ago
JSON representation
Pixagram is a responsive image web gallery that showcases a collection of images. Users can login to the gallery page, rearrange their images by dragging and dropping, and search through their gallery.
- Host: GitHub
- URL: https://github.com/praisespjmt/pixogram
- Owner: PraisesPJMT
- Created: 2023-09-18T16:54:35.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-09-21T15:40:14.000Z (over 2 years ago)
- Last Synced: 2025-02-04T13:19:30.198Z (over 1 year ago)
- Topics: pixels, react, sass, vite
- Language: JavaScript
- Homepage:
- Size: 11 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
- [📗 Table of Contents ](#-table-of-contents-)
- [📖 Pixagram ](#-pixagram-)
- [🛠 Built With ](#-built-with-)
- [⚙️ Tech Stack ](#️-tech-stack-)
- [💡 Key Features ](#-key-features-)
- [💻 Preview ](#-preview-)
- [🚀 Live Link ](#-live-link-)
- [💻 Getting Started ](#-getting-started-)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Install](#install)
- [Usage](#usage)
- [👥 Authors ](#-authors-)
- [🔭 Future Features ](#-future-features-)
- [🤝 Contributing ](#-contributing-)
- [⭐️ Show your support ](#️-show-your-support-)
- [❓ FAQ ](#-faq-)
- [🙏 Acknowledgments ](#-acknowledgments-)
> `Pixagram` is a responsive image web gallery that showcases a collection of images. Users can login to the gallery page, rearrange their images by dragging and dropping.
> Here are the tech stacks applied in this project.
Language
Frameworks
> The following are the key features of the app
- Login
- Rearrange gallery
- Search pictures
- Change application theme
[Pixagram](pixagram-app.netlify.app)
### Prerequisites
> The following applications are required to be installed for the project to run!
- Install a modern browser e.g [Google Chrome](https://www.google.com/chrome/), [Edge](https://www.microsoft.com/en-us/edge?r=1), [Firefox](https://www.mozilla.org/en-US/exp/firefox/new/) etc.
- Install [Git](https://git-scm.com/downloads)
### Setup
Clone this repository to your desired folder:
```sh
git clone git@github.com:PraisesPJMT/pixagram.git
cd pixagram
```
### Install
Install this project with:
```sh
npm install
```
### Usage
To run the project, execute the following command:
```sh
npm run dev
```
- After running `npm run dev`, use the app on [http://localhost:5173/](http://localhost:5173/) in the browser!
- For more information please visit [Vite](https://vitejs.dev/guide/).
> Use the following user credentials to login to the application
```
Email: user@example.com
Password: 1Password
```
👤 **Praises Tula**
[](https://github.com/PraisesPJMT/)
[](https://www.linkedin.com/in/praises-tula/)
[](https://twitter.com/PraisesPJMT/)
[](mailto:praisesmusa@gmail.com)
[](https://angel.co/u/praises-tula/)
> The following are features to be expected in the future
- [ ] **Add photos**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
Give a ⭐️ if you like this project!
- **How I can run this project?**
- After cloning repository, run `npm install` to install all dependencies. Then run `npm run dev` to run the project.
> - Special thanks to Zuri HNGx for this project
> - Tip hart to you for checking this project out