100freelancers is a tool to keep track of potential web development freelance clients.
View Demo
·
Report Bug
·
Request Feature
100freelancers was originally created to help members of the 100devs agency keep track of their client outreach. Rather than using spreadsheets, which can be messy and difficult to read, 100freelancers can be used instead to easily add, view, and track clients, as well as progress made on client work.
The wireframe below outlines the project's models and general layout. Authentication is done through Passport's Discord strategy.
Currently, the project has functional authentication and session storage through Passport, as well as functional adding of clients and outreach. There is also support for light/dark mode using DaisyUI. See below for screenshots!
This app uses NPM to manage its dependences and packages.
Fork and clone the repository
git clone https://github.com/devlarabar/100freelancers.git
Run the following in both the client
and server
directories:
npm install
Create an .env
file in server/config/
and in client/
. Copy everything from the respective .env.example
files in both directories into these new files. Do not delete the example!
For example, run:
cp .env.example .env
to copy the contents of .env.example
into a new file named .env
We have a local MongoDB instance set up through Docker. Docker Desktop will need to be installed to run the database. You can manage it using the following commands:
To start the local MongoDB instance, run:
npm run db:up
To stop the local MongoDB instance, run:
npm run db:stop
With the local MongoDB instance in place, you can now connect directly without the need for MongoDB Atlas during development.
To connect to the local MongoDB instance, follow these steps:
To run the app locally, navigate to the client
directory and run:
npm run dev
Then navigate to the server
directory and run:
npm run db:up
npm run serve
Anyone is welcome to contribute! The following simplified example of the git workflow is what we will be following for the development of this app.
git checkout -b feature/AmazingFeature
)git commit -m 'Add some AmazingFeature'
)git push origin feature/AmazingFeature
)When creating your Pull Request, please make sure to be as descriptive as possible about your changes. Explain what your pull request solves if it's not resolving an existing issue.
CSS Color Class | Light Theme | Dark Theme |
---|---|---|
Primary | ||
Secondary | ||
Accent | ||
Base-100 |
Distributed under the MIT License. See LICENSE.txt
for more information.