{"id":21801568,"url":"https://github.com/saphalpdyl/pixel-mail","last_synced_at":"2026-04-13T05:35:16.652Z","repository":{"id":141657111,"uuid":"611578637","full_name":"saphalpdyl/pixel-mail","owner":"saphalpdyl","description":"An email application built almost from scratch with authentication , encryption , saved login and so on. Full stack app with SQL Database, Node backend and React Front end","archived":false,"fork":false,"pushed_at":"2023-10-29T15:07:13.000Z","size":967,"stargazers_count":1,"open_issues_count":2,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-26T03:42:28.411Z","etag":null,"topics":["html-css-javascript","jwt-authentication","mariadb","nodejs","sql"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/saphalpdyl.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2023-03-09T05:27:55.000Z","updated_at":"2024-02-14T19:19:39.000Z","dependencies_parsed_at":"2023-05-24T07:31:05.444Z","dependency_job_id":null,"html_url":"https://github.com/saphalpdyl/pixel-mail","commit_stats":null,"previous_names":["saphalpdyl/pixel-mail"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saphalpdyl%2Fpixel-mail","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saphalpdyl%2Fpixel-mail/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saphalpdyl%2Fpixel-mail/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saphalpdyl%2Fpixel-mail/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/saphalpdyl","download_url":"https://codeload.github.com/saphalpdyl/pixel-mail/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244752355,"owners_count":20504255,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["html-css-javascript","jwt-authentication","mariadb","nodejs","sql"],"created_at":"2024-11-27T11:18:39.148Z","updated_at":"2025-12-31T00:03:33.049Z","avatar_url":"https://github.com/saphalpdyl.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg height=\"256px\" src=\"https://user-images.githubusercontent.com/69297872/225576519-1128edd8-f3aa-4787-9d13-47fb1dc7bc93.png\" /\u003e\n\u003c/p\u003e\n\n# PIXEL Mail\nAn open-source web application that I have built as a learning project using React and Node.js. As a student and self-taught programmer, I have created this application to improve my skills and gain practical experience in web development and SQL.\n\nPIXEL Mail is a simple email service that allows users to send and receive emails through a clean and modern user interface. It's a great project for anyone who is looking to learn how to build a full-stack web application from scratch.\n\nThis application is a work-in-progress, and I'm constantly making improvements and adding new features. If you're interested in contributing to the project, feel free to fork the repository and submit a pull request. Your feedback and contributions are greatly appreciated!\n\n[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\n![](https://img.shields.io/github/actions/workflow/status/saphalpdyl/Gmail_Clone-using-SQL/lint.yml)\n\n## Server Environment Variables\n\nPIXEL Mail server uses the following environment variables for configuration:\n\n- **DB_HOST**: the hostname of the MariaDB server\n- **DB_USERNAME**: the username for accessing the MariaDB\n- **DB_PASSWORD**: the password for accessing the MariaDB\n- **DB_NAME**: the name of the MariaDB\n- **JWT_SECRET**: the secret key for JSON Web Tokens (JWT) used for authentication and authorization\n\nMake sure to set these variables before running the server. You can use a `.env` file to store these variables locally or set them directly in your hosting environment.\n\n## MariaDB  Structure\n### Table 1: Users\n\nThis table stores information about registered users of the PIXEL Mail application.\n\n| Column Name | Data Type | Description |\n| --- | --- | --- |\n| `id` | INT | Unique identifier for each user |\n| `email` | VARCHAR(255) | Email address of the user |\n| `password` | VARCHAR(255) | Encrypted password of the user using `bcrypt` package |\n| `username` | VARCHAR(255) | Display name of the user |\n\n### Table 2: Emails\n\nThis table stores information about the emails sent and received by the users.\n\n| Column Name | Data Type | Description |\n| --- | --- | --- |\n| `id` | INT | Unique identifier for each email |\n| `sender_email` | VARCHAR(255) | Email address of the sender |\n| `receiver_email` | VARCHAR(255) | Email address of the receiver |\n| `content` | TEXT | The body of the email |\n| `sent_at` | DATETIME | The date and time the email was sent |\n| `sender` | VARCHAR(255) | The display name of the sender |\n\n\n## Tech Stack\nPIXEL Mail is a web application that uses React for the front-end development, and Node.js with Express as the back-end server. MySQL is used for data storage and management.\n\n- Front-end: **React**\n- Back-end: **Node.js** with **Express**\n- Database: **MariaDB**\n\n## Screenshots\n\n### Home\n![Screenshot from 2023-03-29 22-30-41](https://user-images.githubusercontent.com/69297872/228610818-38e38462-4b92-497c-b4a6-261df17240f3.png)\n\n### Login\n![Screenshot from 2023-03-29 22-29-19](https://user-images.githubusercontent.com/69297872/228610684-0cf2166f-5d50-4f79-8826-02388ebf19bb.png)\n\n### Register\n![Screenshot from 2023-03-29 22-29-11](https://user-images.githubusercontent.com/69297872/228610731-532a4cc9-5d2d-45f6-8dfb-58716391747f.png)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsaphalpdyl%2Fpixel-mail","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsaphalpdyl%2Fpixel-mail","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsaphalpdyl%2Fpixel-mail/lists"}