Try it our here
dev-space is an open-source application that allows users to share their projects and collaborate with others. It's built using Next JS and React, and it's designed to be a user-friendly interface for developers. The application allows users to share code snippets, follow each other and collaborate.
- Authentication
- Post composer - supports code blocks
- Feed
- Follow/Unfollow
- Like/Unlike
- Bookmark/Unbookmark
- Search
- Official Channels
- Dark/Light Theme
- Notifications
- Next.js
- React
- TypeScript
- Tailwind CSS
- Next Auth
- Lexical
- Drizzle
- MobX
- Pusher
To get a local copy up and running follow these simple steps:
-
Clone the repo
git clone https://github.com/d-one-company/dev-space.git
-
Install packages
pnpm install
-
Start the development server
pnpm dev
To use the application, navigate to the / route in your browser.
Home page displays your feed, post composer and sidebar. In the composer you can either paste in a code block or write your own. Feed displays all posts and either you made or profile that you follow. In the right sidebar, you can see all the official channels, including VueJS, TypeScript, React, VSCode, ChatGPT.
Profile page is separated in two parts. First one displayes users image, info and follow button for you to follow or unfollow. Second part displays all of the posts created by the user.
Each posts has a content, which is either code block or text. It also has a bookmark button, like button and creator info. You can see all the posts you bookmarked on /bookmarks page.
Notifications page displays all the notifications you have received. There are three types of notifications: Follow, Like and New Post.
Search - allows users to find users by searching for their name or username.
Official Channels - list of the official/company channels.
Dark/Light Theme - allows users to switch between dark and light themes.
Settings - allows users to change their username.