A full stack web app that serves user created maps.
anonymouse users can view any map set to public.
Logged in users can make maps. And these maps contain places defined by the user
Things that can be defined are, title, image, description and long/lat.
- The app has a focus on using frontend scripts to update the users page
- The relevent API routes do check the users rights (using encrypted cookies) before performing any actions
- This app is functionally complete (This doesnt mean its deployable)
- App was created as a 3 man group. We used github pages to assign tasks
- App was designed with mobile first in mind
- Main Page Shows Popular Maps
- Shows Most Liked(Favourite count) Maps
- Shows Most Viewed Maps
- Public Maps Page
- User account support
- Create maps
- Edit/Delete Maps
- Add/Edit/Delete Places Created Maps
- Can give editor access to other users
- Editors can Add, Edit and Delete Places from maps
- Profile Pages access
- Can view all Created maps
- Can view all Favourited maps
- Can view all maps they are editors on
Wiki maps is a midterm project done for Lighthouse Labs full time web dev course
We had 10 topics to choose from. Each one had their own requirements
- Clone the repo
git clone git@github.com:JoshuaOLoduca/midterm-wiki_maps.git - Install dependencies:
npm i - Fix to binaries for sass:
npm rebuild node-sass - Create PSQL database
- remember the database's name
- Rename
.env.exampleto.env - Update
.envDB_HOST=<psql host Address>(localhost if its on same machine)DB_USER=<Username of owner of created db from step 4>DB_PASS=<password of owner of created db from step 4>DB_NAME=<Name of database created at step 4>
- Initialize Database by running
npm run db:reset - Run the server:
npm run local
- Note: nodemon is used, so you should not have to restart your server if you make any edits
- Visit
http://localhost:8080/