It is a social media application where different users across the world joins the platform and build, push, and maintain their Notes. This project is build using Angular CLI 14.2.10, Node 16.13.2, NPM 8.1.2, OS win32 x64. Checkout https://github.com/itsmdasifraza/notegram-express-server for Backend express.js code. Checkout https://notegram.netlify.app/ to view application in production. Run npm start for a dev server. Navigate to http://localhost:4200/. Run npm run build to build the project. The build artifacts will be stored in the dist/ directory.
Basic landing page build using Bootstrap and custom css, including login component.
Describes the workflow and tech stack of the application
Developer details will be displayed to connect and discuss upcoming feature and improvements.
Users can fill the inputs and register into the system.
Already registered users can directly login to the system from there.
This component helps you to login without passwords by sending an login link to your email.
After login, the user redirects to this dashboard component, where your previous notes will be showed on left panel and you will get '+' sign to create new notes, you will get search bar to search specific note, and hamburger button to open sidebar for more options like profile, settings, logout.
Here user have to type note title, description, and check private or public button to validate access from unauthorized user. Private Note will be visible to you only whereas Public Note will be visible to all the users on this platform.
By clicking any note, all the details of the note will be populated on the right panel, we can add more chunks to this note using bottom input box. there is a 3 dot on top right to modify or delete current note
Here update your existing note by simply modifying inputs fields.
Shows options like Note, Profile, Settings, and Logout.
On left panel your logo and username will be displayed and a search bar to search other users registered on this platform, On right panel your other details and public notes will be displayed.
While typing any valid username in search bar you will get all the details of that user along with their public notes.
While clicking any public notes of other user, you will get all the chunks of that Note but you don't have permissions to manipulate that Note.
Here you can update your profile avatar, details and passwords.
This component let's you to change your current profile avatar.
This component let's you to change your current profile details.
This component let's you to change your current profile password.
This componet activates when user tries to access wild route.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent