diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..6a7d6d8 --- /dev/null +++ b/.gitignore @@ -0,0 +1,130 @@ +# Logs +logs +*.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* +lerna-debug.log* +.pnpm-debug.log* + +# Diagnostic reports (https://nodejs.org/api/report.html) +report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json + +# Runtime data +pids +*.pid +*.seed +*.pid.lock + +# Directory for instrumented libs generated by jscoverage/JSCover +lib-cov + +# Coverage directory used by tools like istanbul +coverage +*.lcov + +# nyc test coverage +.nyc_output + +# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files) +.grunt + +# Bower dependency directory (https://bower.io/) +bower_components + +# node-waf configuration +.lock-wscript + +# Compiled binary addons (https://nodejs.org/api/addons.html) +build/Release + +# Dependency directories +node_modules/ +jspm_packages/ + +# Snowpack dependency directory (https://snowpack.dev/) +web_modules/ + +# TypeScript cache +*.tsbuildinfo + +# Optional npm cache directory +.npm + +# Optional eslint cache +.eslintcache + +# Optional stylelint cache +.stylelintcache + +# Microbundle cache +.rpt2_cache/ +.rts2_cache_cjs/ +.rts2_cache_es/ +.rts2_cache_umd/ + +# Optional REPL history +.node_repl_history + +# Output of 'npm pack' +*.tgz + +# Yarn Integrity file +.yarn-integrity + +# dotenv environment variable files +.env +.env.development.local +.env.test.local +.env.production.local +.env.local + +# parcel-bundler cache (https://parceljs.org/) +.cache +.parcel-cache + +# Next.js build output +.next +out + +# Nuxt.js build / generate output +.nuxt +dist + +# Gatsby files +.cache/ +# Comment in the public line in if your project uses Gatsby and not Next.js +# https://nextjs.org/blog/next-9-1#public-directory-support +# public + +# vuepress build output +.vuepress/dist + +# vuepress v2.x temp and cache directory +.temp +.cache + +# Docusaurus cache and generated files +.docusaurus + +# Serverless directories +.serverless/ + +# FuseBox cache +.fusebox/ + +# DynamoDB Local files +.dynamodb/ + +# TernJS port file +.tern-port + +# Stores VSCode versions used for testing VSCode extensions +.vscode-test + +# yarn v2 +.yarn/cache +.yarn/unplugged +.yarn/build-state.yml +.yarn/install-state.gz +.pnp.* \ No newline at end of file diff --git a/README.md b/README.md index 9dc6949..88a7680 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,23 @@ # ChatMaps Main repo for ChatMaps, our COS420 Project. + +ChatMaps is a web-based social networking service that allows users to connect to others in their local geographic area. It will implement an interactable mapping utility to show general user locations relative to other users, as well as a chat room feature that allows users to start public conversations based on a specified topic. ChatMaps is primarily intended for use in densely populated areas, such as college campuses or metropolitan areas, so people of similar interests can start conversations. The goal of this project is to create a web app that plots locations, gives a radius of the local area, and connects users into different topic-based chat rooms. + +This service will implement user login and profiles, allowing users to add each other as friends and start private conversations. There will be several default chat rooms of varying topics, but users will also have the ability to create their own topics that will be viewable by other users. For example, a user at the University of Maine could create a joinable chat room titled “COS420”, which would be visible to others near this campus. + +This app shares some similarities to other social networks that implement location-based content. ChatMaps’ novel approach is to utilize user location to facilitate real-time communication with others within a given radius. + +The live version of this app can be found at: + +http://chatmaps.nicholaspease.com + +A local version can be run with: + +cd frontend-next/ + +npm run dev + +then navigating to: + +http://localhost:3000 + diff --git a/frontend-next/.gitignore b/frontend-next/.gitignore deleted file mode 100644 index ea3d442..0000000 --- a/frontend-next/.gitignore +++ /dev/null @@ -1,37 +0,0 @@ -# See https://help.github.com/articles/ignoring-files/ for more about ignoring files. - -# dependencies -/node_modules -/.pnp -.pnp.js -.yarn/install-state.gz - -# testing -/coverage - -# next.js -/.next/ -/out/ - -# production -/build - -# misc -.DS_Store -*.pem - -# debug -npm-debug.log* -yarn-debug.log* -yarn-error.log* - -# local env files -.env*.local - -# vercel -.vercel - -# typescript -*.tsbuildinfo -next-env.d.ts -frontend-next/node_modules \ No newline at end of file diff --git a/frontend-next/README.md b/frontend-next/README.md deleted file mode 100644 index 0dc9ea2..0000000 --- a/frontend-next/README.md +++ /dev/null @@ -1,36 +0,0 @@ -This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app). - -## Getting Started - -First, run the development server: - -```bash -npm run dev -# or -yarn dev -# or -pnpm dev -# or -bun dev -``` - -Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. - -You can start editing the page by modifying `app/page.js`. The page auto-updates as you edit the file. - -This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font. - -## Learn More - -To learn more about Next.js, take a look at the following resources: - -- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API. -- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial. - -You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome! - -## Deploy on Vercel - -The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js. - -Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details. diff --git a/frontend-next/package-lock.json b/frontend-next/package-lock.json index accc23e..54972d9 100644 --- a/frontend-next/package-lock.json +++ b/frontend-next/package-lock.json @@ -8,9 +8,9 @@ "name": "chatmaps", "version": "0.1.0", "dependencies": { - "next": "14.1.0", - "react": "^18", - "react-dom": "^18" + "next": "^14.1.0", + "react": "^18.2.0", + "react-dom": "^18.2.0" }, "devDependencies": { "autoprefixer": "^10.0.1", diff --git a/frontend-next/package.json b/frontend-next/package.json index 22c5d6e..c26344e 100644 --- a/frontend-next/package.json +++ b/frontend-next/package.json @@ -9,15 +9,15 @@ "lint": "next lint" }, "dependencies": { - "react": "^18", - "react-dom": "^18", - "next": "14.1.0" + "next": "^14.1.0", + "react": "^18.2.0", + "react-dom": "^18.2.0" }, "devDependencies": { "autoprefixer": "^10.0.1", - "postcss": "^8", - "tailwindcss": "^3.3.0", "eslint": "^8", - "eslint-config-next": "14.1.0" + "eslint-config-next": "14.1.0", + "postcss": "^8", + "tailwindcss": "^3.3.0" } -} +} diff --git a/frontend-next/src/app/globals.css b/frontend-next/src/app/globals.css index 875c01e..43ce32a 100644 --- a/frontend-next/src/app/globals.css +++ b/frontend-next/src/app/globals.css @@ -2,32 +2,26 @@ @tailwind components; @tailwind utilities; -:root { - --foreground-rgb: 0, 0, 0; - --background-start-rgb: 214, 219, 220; - --background-end-rgb: 255, 255, 255; +main { + background-color: aliceblue; + text-align: center; + text-wrap:pretty; } -@media (prefers-color-scheme: dark) { - :root { - --foreground-rgb: 255, 255, 255; - --background-start-rgb: 0, 0, 0; - --background-end-rgb: 0, 0, 0; - } +button { + background-color: rgb(205, 205, 205); + border-color: black; + border: 5px; + border-radius: 5px; } -body { - color: rgb(var(--foreground-rgb)); - background: linear-gradient( - to bottom, - transparent, - rgb(var(--background-end-rgb)) - ) - rgb(var(--background-start-rgb)); +button:hover { + background-color: rgb(166, 166, 166); } -@layer utilities { - .text-balance { - text-wrap: balance; - } +input { + border: 1px solid black; + border-radius: 4px; + padding: 10px 10px; } + diff --git a/frontend-next/src/app/layout.js b/frontend-next/src/app/layout.js index 9aef1df..16679e4 100644 --- a/frontend-next/src/app/layout.js +++ b/frontend-next/src/app/layout.js @@ -4,8 +4,8 @@ import "./globals.css"; const inter = Inter({ subsets: ["latin"] }); export const metadata = { - title: "Create Next App", - description: "Generated by create next app", + title: "ChatMaps", + description: "ChatMaps: Social Media for College Students", }; export default function RootLayout({ children }) { diff --git a/frontend-next/src/app/page.js b/frontend-next/src/app/page.js index c9b26e0..7c2ca05 100644 --- a/frontend-next/src/app/page.js +++ b/frontend-next/src/app/page.js @@ -1,113 +1,27 @@ -import Image from "next/image"; - export default function Home() { return ( -
-
-

- Get started by editing  - src/app/page.js -

-
- - By{" "} - Vercel Logo - -
+
+

Welcome to ChatMaps.

+ + +
+ + +
-
- Next.js Logo + +
+ + +
-
- -

- Docs{" "} - - -> - -

-

- Find in-depth information about Next.js features and API. -

- - -

- Learn{" "} - - -> - -

-

- Learn about Next.js in an interactive course with quizzes! -

- - - -

- Templates{" "} - - -> - -

-

- Explore starter templates for Next.js. -

- - - -

- Deploy{" "} - - -> - -

-

- Instantly deploy your Next.js site to a shareable URL with Vercel. -

- -
); }