https://github.com/akunna1/nexus-social-media-app

Mobile responsive therapy like social media app (Frontend completed). Remake of Nduka Social Media App. Backend code: https://github.com/akunna1/Nexus-Social-Media-App-2
https://github.com/akunna1/nexus-social-media-app

dark-mode dark-mode-toggle database expressjs full-stack html mysql nodejs react react-icons tailwindcss user-authentication

Last synced: 6 days ago
JSON representation

Mobile responsive therapy like social media app (Frontend completed). Remake of Nduka Social Media App. Backend code: https://github.com/akunna1/Nexus-Social-Media-App-2

• Host: GitHub
• URL: https://github.com/akunna1/nexus-social-media-app
• Owner: akunna1
• Created: 2024-08-19T22:04:34.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-09-09T19:31:43.000Z (5 months ago)
• Last Synced: 2024-12-04T20:45:29.538Z (2 months ago)
• Topics: dark-mode, dark-mode-toggle, database, expressjs, full-stack, html, mysql, nodejs, react, react-icons, tailwindcss, user-authentication
• Language: JavaScript
• Homepage:
• Size: 45.9 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Frontend structure featuring some codes

##### For icons

- https://icons8.com/icons

##### Mobile Responsiveness

- Right bar: available only on medium and large screens

- Navbar2: available on medium and small screens (burger menu, home, moon, grid, user image, user name)

- Navbar: full navbar on large scrrens, minimized on medium and small screens

- Left bar: shown on large screens on the left, but on medium and small screens, it is accessible from the burger menu in Navbar2

##### Current colors:

- blue: bg-[#034a9c]  hover:bg-[#022f73]

- red: bg-red-600 hover:bg-[#a00404]

- green: text-green-600

- yellow: text-yellow-500

##### previous colors: 

- style={{ backgroundColor: '#132235'}}

- light blue color, color: '#019add'